Javascript jQuery滚动到Chrome修复
我注意到这在Chrome中似乎不起作用。我在网上找到了一个修复程序(在演示中可以使用),但由于某些原因,我无法使其正常工作: 以下是我的代码:Javascript jQuery滚动到Chrome修复,javascript,jquery,google-chrome,scrollto,Javascript,Jquery,Google Chrome,Scrollto,我注意到这在Chrome中似乎不起作用。我在网上找到了一个修复程序(在演示中可以使用),但由于某些原因,我无法使其正常工作: 以下是我的代码: $('#button-top').bind('click', function(e) { try { e.preventDefault(); target = this.hash; $('html, body').scrollTo(target, 150); } catch (error)
$('#button-top').bind('click', function(e) {
try {
e.preventDefault();
target = this.hash;
$('html, body').scrollTo(target, 150);
} catch (error) {
alert('error - ' + error);
}
});
如果有帮助,这里有一个指向我正在构建的站点的链接(请参阅页面右下角的链接):
JQuery没有任何
scrollTo()
函数。但是,它确实有一个滚动顶部(位置)
功能
这会有用的(我不知道你的150是什么意思):
如果它是您想要的动画,这将完成此工作(动画速度为150ms):
您正在加载
jquery.scroll的旧版本(1.4.2)。更改为1.4.13后,它就可以工作了,请参见注释中的提琴。但是他包括了jquery.scrollTo库。我的错,我没有注意到。问题是,当原生Jquery做他想要的事情时,为什么要使用库呢?是的,我也会使用animate
方法。哦,哦,哇,我没有意识到jQuery有内置的功能来实现这一点,我要试一试!感谢这似乎是这个问题最合理的答案,但我仍然认为使用这个插件是不相关的。
$('#button-top').bind('click', function(e) {
try {
e.preventDefault();
target = this.hash;
$('html, body').scrollTop(150);
} catch (error) {
alert('error - ' + error);
}
});
$('#button-top').bind('click', function(e) {
try {
e.preventDefault();
target = this.hash;
$('html, body').animate({
scrollTop: 0
}, 150);
} catch (error) {
alert('error - ' + error);
}
});