Question

我注意到这在Chrome中似乎不起作用。我在网上找到了一个修复程序（可以在演示中使用），但由于某些原因我无法让它工作：

这是我的代码：

$('#button-top').bind('click', function(e) {
    try {
        e.preventDefault();
        target = this.hash;
        $('html, body').scrollTo(target, 150);
    } catch (error) {
        alert('error - ' + error);
    }
});

如果有帮助，这里是我正在建立的网站的链接（请参阅页面右下角的链接）：

http://www.mattpealing.co.uk/_dev/

Answer 1

您正在加载jquery.scrollTo的旧版本（1.4.2）。更改为latest version 1.4.13并且它有效，请参阅注释中的小提琴。

Answer 2

JQuery没有任何scrollTo()功能。但是，它确实具有scrollTop(position)功能。

这样可行（我不确定你对150的意思）：

 $('#button-top').bind('click', function(e) {
    try {
        e.preventDefault();
        target = this.hash;
        $('html, body').scrollTop(150);
    } catch (error) {
        alert('error - ' + error);
    }
});

如果它是你想要的动画，这将完成工作（动画速度为150ms）：

$('#button-top').bind('click', function(e) {
    try {
        e.preventDefault();
        target = this.hash;
        $('html, body').animate({
            scrollTop: 0
        }, 150);
    } catch (error) {
        alert('error - ' + error);
    }
});

jQuery ScrollTo Chrome修复程序

2 个答案: