使用 lazyload 遇到技術性問題 ,點擊數據的時候進去頁面,再回來的時候無法記憶位置。

假設我在 A 頁面加入了 lazyload 功能
並先顯示五筆數據

原先blog 1
原先blog 2
原先blog 3
原先blog 4
原先blog 5

當往下滑的時候再出現另五筆數據,這沒問題。

原先blog 1
原先blog 2
原先blog 3
原先blog 4
原先blog 5

lazyload 後的blog 6
lazyload 後的blog 7
lazyload 後的blog 8
lazyload 後的blog 9
lazyload 後的blog 10

但是假設我點進去某一個lazyload blog 10時,再滑回來(或按上一頁)時
他會又跑到 lazyload 還沒開始的那五篇,而不是 lazyload 後的blog 10
這能怎麼改善?或是有辦法記憶嗎?當我回上一頁可以記住我已經 load 到哪個文章了?我就不用再重新往下滑一次

阅读 2.4k
3 个回答

lazyload大多数情况下都是前端实现,但HTTP默认是没有状态的,一旦请求了新页面,那么旧页面上的东西就会丢,除非单独存储页面状态,或者点开的内容不跨页面(比如用模态框实现)

页面活动时根据当前位置,实时添加一个锚点,就可以解决了

你用了vue还是react框架吗??用的了话,在页面重新显示的时候,不进行数据的加载,不就可以在原来的位置吗,

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题