javascript - 避免页面加载后返回顶部

Question

我正在使用这个脚本

jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 2000);
});
});

为了在单击我的导航元素时平滑向下滚动...问题是，如果在页面完成加载之前单击链接，则当加载完成时，页面将再次返回顶部。

我认为 event.preventDefault();是为了避免这种情况。请帮忙。

Answer 1

您应该使用 document.onLoad 事件。

在所有 HTML 都放入文档并准备好解析后，将调用 document.ready。

另一方面，onLoad 在所有图像/资源加载到页面后也会被调用。

如果你等待这个事件，那么你应该会得到想要的结果。尽管在那之前它们不会有任何点击功能。

此外，preventDefault 并不能避免这种情况。所做的只是禁用您应用它的元素的默认操作。所以它可以防止“滚动”元素的默认操作