【问题标题】:Go back to the scroll bar position on a dynamically sized page? [closed]返回到动态大小页面上的滚动条位置? [关闭]
【发布时间】:2021-09-16 04:10:46
【问题描述】:

我有一个动态加载数据的页面,但是当我转到另一个链接并返回同一页面时,我无法返回同一滚动

【问题讨论】:

标签: javascript php html css


【解决方案1】:

当用户滚动时保存滚动位置。

document.addEventListener('scroll', function(e) {
  localStorage.setItem('scroll_pos', scrollY);
});

在页面加载时重新加载最后一个已知的滚动位置。

document.addEventListener("DOMContentLoaded", function(e) {
  scrollTo(0, localStorage.getItem('scroll_pos') || 0);
});

您可能希望在经过一定时间后删除该滚动位置值,否则每次加载该页面时它将始终滚动到最后一个已知位置。

【讨论】:

    猜你喜欢
    • 2016-11-13
    • 1970-01-01
    • 2015-01-25
    • 2015-10-11
    • 2012-05-20
    • 1970-01-01
    • 2013-04-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多