Scrolling animation trigger full handler twice

Question

Scrolling animation trigger full handler twice

This scroll animation runs the full handler twice.

$('html,body').stop().animate({
    scrollTop : 100
}, {
    duration : 600,
    complete : function(){
        console.log('scroll complete');
    }
});

If you remove html

or in the selector body

, the scroll animation will lose cross-browser support ...

+3

javascript jquery

clarkk 01 jan. 15 at 17:03

source to share

1 answer

adeneo · Accepted Answer · 2015-01-01T17:07:58+0000

The animation runs on both elements, triggering a full handler for both elements.

You can use a promise to avoid this.

$('html,body').stop()
              .animate({scrollTop : 100}, 600)
              .promise()
              .done(function() {
                  console.log('scroll complete');
              });

Scrolling animation trigger full handler twice

More articles: