如何使用 jQuery 在 IE 中滚动到页面顶部

Question

我在下面使用 jQuery 有这个 Javascript，它在页面上显示一个 div，单击该 div 时会缓慢地将页面滚动回页面顶部，它适用于 chrome 和 firefox 但是在 IE 8 上使用时它只是去立即顶部而不是缓慢向上滚动

谁能告诉我如何克服这个问题？

// BACK TO TOP
jQuery(window).scroll(function() {
    if (jQuery(window).scrollTop() > 0) $('#jump-link').show();
    else
    $('#jump-link').hide();
});

jQuery('#jump-link').click(function() {
    jQuery('html, body').stop().animate({
        scrollTop: 0
    }, 900);
    return false;
});

Answer 1

这是因为 onscroll 处理程序被重复调用。在动画滚动到顶部之前删除 onscroll 处理程序，然后再将其添加回来。 id est，将第二个块替换为：

jQuery('#jump-link').click(function() {
    jQuery(window).unbind('scroll');
    $('#jump-link').hide();
    jQuery('html, body').stop().animate({
        scrollTop: 0
    }, 900, function() {
        jQuery(window).scroll(function() { ... });

    });
    return false;
});

注意，你可以通过命名滚动函数来清理代码，并在取消绑定和重新绑定函数中通过名称引用它。

（我假设您已经检查了$.fx.off 为真的更明显的可能性，对吧？）

Answer 2

$.fn.scrollView = function() {
return this.each(function() {
    $('html, body').animate({
        scrollTop: $(this).offset().top
    }, 1000);
});
};

然后这样使用

$('html').scrollView();

您可以摆弄here（只需滚动页面底部并单击最后一个列表项）