Animated dropdown, what are the solutions?

Question

JavaScript

Hello.
I took the bootstrap dropdown, stylized it, it works great. But you need to add an animation for dropping the plate, such as a small offset from above, which is implemented using the top property and appearance using opacity. But since in this case you have to use visibility: hidden / visible instead of display: none, a problem arises when scaling the window - the element remains in the DOM and a scroll appears.
As a solution, I tried to animate using jquery, but the methods are very poor and this effect does not work.
I also tried to remove the element like this - top-9999; right: -9999 ; also not an option because you need to animate top.
Maybe there are some other dropdown libraries that will allow you to completely hide the element from the DOM so that it does not interfere and implements a transition? Thanks