我刚刚推出http://elliewauters.com http://elliewauters.com有一个我想解决的小问题,该网站使用大量动画水平滚动从一个“页面”到下一个“页面”,但刷新时大多数浏览器都会记住滚动位置并返回到之前的位置, 我不想要这个。尝试转到“关于”页面然后刷新。您会看到徽标和菜单位于页面中间,与您第一次访问该网站时的位置相同。
我需要两件事中的任何一个帮助:
- 在页面刷新时将滚动位置重置回 0,0 或
- 如果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%');
}
不起作用,有人知道我如何实现我想要的吗?
提前致谢
Firefox 无法工作,因为console.log(scrollLeft)
所以删除它后应该可以工作。至于你遇到的问题,我猜它只发生在IE中?解决办法是不使用$(window)
但将其替换为$(document)
。所以使用:
scrollLeft = $(document).scrollLeft();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)