How to disable scrolling until animation is complete?

Viewed 23204

I am using this code to scroll to a certain element on my page:

$("html, body").animate({scrollTop: $(".myDiv").offset().top}, 300);

It works, but there is one issue with it: When the user scrolls down while the script scrolls up, there is some juddering because there are two scroll commands at the same time in different directions - sounds logical to me.

I checked some other sites with such scroll functionality, there is no juddering. So what's the trick to prevent this?

2 Answers
Related