jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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不起作用(可能的脚本冲突)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: