Home  >  Q&A  >  body text

javascript - 如何取消浏览器对页面滚动条位置的记录?

具体是酱紫的

打开页面,滚动了一定距离,例如500px,然后刷新页面,这是页面会自动滚动到500px的位置而不是回到顶端。

如果需要每次打开/刷新页面时页面不进行自动滚动,需怎么解决?

阿神阿神2749 days ago335

reply all(5)I'll reply

  • PHP中文网

    PHP中文网2017-04-10 14:45:20

    window.onload = function() {
      window.scrollTo(0, 0);
    } // 如果有jQuery则最好用 $(function(){ ... });
    

    解决办法就是网页加载时强行做一个“回到顶端”,这并不难想。不过你确定要取消掉浏览器的这个默认行为吗?

    reply
    0
  • 怪我咯

    怪我咯2017-04-10 14:45:20

    这个是浏览器控制的吧?
    F5刷新会记录位置,试试点击一下地址栏,然后回车

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 14:45:20

    頁面用 Canvas 渲染即可。

    不過呢,也可以加載之後,用腳本控制,滾回頂端。

    還可以把所有要滾動內容放入 p overflow: auto 中~

    reply
    0
  • PHPz

    PHPz2017-04-10 14:45:20

    主动定位一下试试

    reply
    0
  • 怪我咯

    怪我咯2017-04-10 14:45:20

    我发现当window load前这会你滚动页面(手动,自动的话应该不行)浏览器并不会滚动到刷新前的位置,也许这是一个突破点,但是没想到怎么去做

    reply
    0
  • Cancelreply