jQuery scrollLeft无法正常工作

Question

我刚刚启动了http://elliewauters.com并且遇到了一些我想解决的问题,该网站使用了大量的动画水平滚动来从一个"页面"转到下一个,但是在刷新时大多数浏览器都记得滚动位置然后回到原来的位置,我不想要这个.尝试转到"关于"页面,然后刷新.您会看到徽标和菜单位于页面中间,因为它们是您第一次到达网站时的位置.

我想要帮助两件事:

1. 在页面刷新时将滚动位置重置为0,0或
2. 如果scrollLeft值大于1,则将徽标和菜单移至顶部.

我试过用尽$(window).scrollLeft(0);无济于事

scrollLeft = $(window).scrollLeft();
console.log(scrollLeft)
if (scrollLeft>1) {
    $('#header').addClass('notLeft').css('top','0%');
} else {
    $('#header').addClass('left').css('top','25%');
}

不起作用,有没有人请知道如何实现我想要的？

提前致谢

Answer 1

好吧Firefox没有工作,因为console.log(scrollLeft)它应该工作后删除它.至于你遇到的问题,我猜它只发生在IE？解决方案是不使用$(window),而是替换它$(document).所以使用:

scrollLeft = $(document).scrollLeft();