编程语言
首页 > 编程语言> > javascript-如何使用jquery动画滚动到元素跨浏览器

javascript-如何使用jquery动画滚动到元素跨浏览器

作者:互联网

这段代码:

jQuery('body').animate({scrollTop: target.offset().top}, 300);

适用于Firefox,但不适用于Chrome.

这段代码:

jQuery('html').animate({scrollTop: target.offset().top}, 300);

适用于Chrome,但不适用于Firefox.

我尚未在IE中进行测试.

跨浏览器的正确方法是什么?如果上面的代码片段不清楚,我的目标是页面上的div,我想慢慢地向下滚动到它,因此它们完全可以执行我想要的操作…而不是跨浏览器.

解决方法:

同时指定html和body:

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

标签:jquery-animate,cross-browser,javascript,jquery,scroll
来源: https://codeday.me/bug/20191031/1972996.html