Response title
This is preview!
How to hide temporarily scrollbars with jquery during css3 animations?
in Using jQuery
•
4 years ago
Hello to all of you
I'm using bootstrap modal with animate.css in a page and when a form slides up, I get this bad behavior:
clicking one button, a modal with a form is called. The form is a bootstrap form with modal and instead is animated with animate.css.
While it scrolls from bottom for the fadeInUp effect, the vertical scrollbar is displayed and its slider is animated according to the form position.
So, once the animation is over, the form is in the viewport and as consequence, the scrollbar disappear, so the form gets translated/slided to the right for the scrollbar width
I'm pretty newbie with jquery, so I wonder that something more cool can be allowed by jquery, like:
the modal is invoked/called/popped by clicking a button
isn't it possible to intercept that click to disable the vertical scrollbar and enable it again after the modal display is completed (and so animation finished) ?
Can you help to find a jquery solution for it?
Thank you
I'm using bootstrap modal with animate.css in a page and when a form slides up, I get this bad behavior:
clicking one button, a modal with a form is called. The form is a bootstrap form with modal and instead is animated with animate.css.
While it scrolls from bottom for the fadeInUp effect, the vertical scrollbar is displayed and its slider is animated according to the form position.
So, once the animation is over, the form is in the viewport and as consequence, the scrollbar disappear, so the form gets translated/slided to the right for the scrollbar width
I'm pretty newbie with jquery, so I wonder that something more cool can be allowed by jquery, like:
the modal is invoked/called/popped by clicking a button
isn't it possible to intercept that click to disable the vertical scrollbar and enable it again after the modal display is completed (and so animation finished) ?
Can you help to find a jquery solution for it?
Thank you
1