我有一个滚动回到顶部的按钮,它可以让用户顺利滑回页面顶部。它适用于 Firefox,但不适用于 Chrome:
$('a#scroll-to-top').click(function() {
$('html').animate({
scrollTop: 0
}, 500);
return false;
});
<a href="#" id="scroll-to-top">Up Top</a>
如何让它在 Chrome 中工作?
我有一个滚动回到顶部的按钮,它可以让用户顺利滑回页面顶部。它适用于 Firefox,但不适用于 Chrome:
$('a#scroll-to-top').click(function() {
$('html').animate({
scrollTop: 0
}, 500);
return false;
});
<a href="#" id="scroll-to-top">Up Top</a>
如何让它在 Chrome 中工作?
您想使用此代码:
$('a#scroll-to-top').click(function() {
$('html, body').animate({
scrollTop: 0
}, 500);
return false;
});
这里是例子
只需使用body而不是html如下所示:
$('a#scroll-to-top').click(function() {
$('body').animate({
scrollTop: 0
}, 500);
return false;
});