jquery – 页面重新加载的ScrollTop不起作用(可能的脚本冲突)

我正在写这个页面 http://dindita.com/preview.html

我添加了这个以使其在有人刷新页面时滚动到顶部但似乎不起作用,我想知道它是否与我正在使用的其他滚动脚本冲突.

<script type="text/javascript">
    $(document).ready(function(){
    $(this).scrollTop(0);
});
</script>

 

任何线索?

P.s.:正在进行的工作:凌乱的脚本

解决方法

试试这个:
$(document).ready(function() {
  $("html,body").animate({scrollTop: 0},100); //100ms for example
});

 

或这个:

window.onload = function() {
 setTimeout (function () {
  scrollTo(0,0);
 },100); //100ms for example
}

 

或这个:

$(window).on('beforeunload',function() {
    $(window).scrollTop(0); 
});

 

浏览器往往会在重新加载时跳回到最后一个滚动位置,这在许多情况下都是有意义的.似乎这个自动跳转在onload事件之后立即被触发(但是我们不知道发生这种情况的确切时刻),所以使用一些延迟或让浏览器在页面重新加载之前滚动到顶部是有意义的.

总结

以上是脚本之家为你收集整理的jquery – 页面重新加载的ScrollTop不起作用(可能的脚本冲突)全部内容,希望文章能够帮你解决jquery – 页面重新加载的ScrollTop不起作用(可能的脚本冲突)所遇到的程序开发问题。

posted @ 2020-03-10 20:36  搬砖小伙子  阅读(1321)  评论(0编辑  收藏  举报