javascript - 将向左滚动设置为在刷新时从零开始不起作用

Question

为什么这在 IE 中不起作用，如果我将滚动条移动到中间然后刷新它不会重置为零，而是停留在上次离开的位置？

$(document).ready(function(){

    $(window).scrollLeft(0);


});

谢谢

Answer 1

这个脚本应该可以按你的需要工作

$(document).ready(function ()
{
    $(window).bind("scroll", ScrollOnLoad);
    // IE fix, remove scroll handler after 150ms
    setTimeout(UnbindScroll, 150); 
});

function ScrollOnLoad() {
    UnbindScroll();
    $(window).scrollLeft(0);
}

function UnbindScroll() {
    $(window).unbind("scroll", ScrollOnLoad);
}

正如您所发现的，IE 的行为是不同的。它甚至在 document.ready 之后触发 scroll 事件。此脚本将在刷新后(在所有浏览器中)连接此事件和 scrollLeft(0)。

复杂的部分是，当用户第一次访问该页面时，如何解决新来者。然后 Internet Explorer 不会触发 scroll 事件。我们的处理程序仍在运行(并且会在用户第一次向右滚动时向左滚动)。

我们必须手动取消绑定(bind) scrollLeft。这就是为什么在 150 毫秒之后处理程序仍然不受限制。