V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
mopig
V2EX  ›  前端开发

像本站刷新页面,保留页面位置,用的是什么方案呢?

  •  
  •   mopig ·
    mopig · 2019-02-28 20:40:25 +08:00 · 2491 次点击
    这是一个创建于 2132 天前的主题,其中的信息可能已经有所发展或是发生改变。

    没看见本地有存放滚动位置的数据😓

    6 条回复    2019-03-01 10:22:42 +08:00
    rabbbit
        1
    rabbbit  
       2019-02-28 20:46:34 +08:00   ❤️ 1
    浏览器自动保存的

    不想记录滚动位置的话可以用:
    history.scrollRestoration = 'manual'
    iamaprin
        2
    iamaprin  
       2019-02-28 20:47:42 +08:00 via Android   ❤️ 1
    我没记错应该是 url hash,对应的页面元素 id
    iamaprin
        3
    iamaprin  
       2019-02-28 20:50:28 +08:00 via Android
    抱歉,忽略刷新页面这个前提了🙄
    molvqingtai
        4
    molvqingtai  
       2019-02-28 22:36:53 +08:00 via Android   ❤️ 1
    存 localstore ?
    ChefIsAwesome
        5
    ChefIsAwesome  
       2019-02-28 22:48:49 +08:00 via Android   ❤️ 1
    浏览器总是会尝试在加载之后恢复滚动位置的。服务器渲染的页面,加载后就有内容了,恢复滚动之后跟之前一个位置。异步取数据的页面,加载之后,内容不一定有,这时候没办法恢复到之前的位置,你才要拿 js 自己处理。
    mopig
        6
    mopig  
    OP
       2019-03-01 10:22:42 +08:00
    @rabbbit
    @ChefIsAwesome 感谢🙏解惑
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1057 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:39 · PVG 03:39 · LAX 11:39 · JFK 14:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.