css - 如何记住 `div` 的滚动位置以在重新加载页面时恢复它?

标签 css html scrollbar

我有带绝对定位的div

<div style:position: absolute; left:50px; overflow: auto; top:200px; right:100px; bottom:25px;>

上面有一个标志等。

但是如果div向下滚动并且页面被刷新,这个div的滚动到div的顶部。

有什么方法可以让div在页面刷新后保持在之前的位置吗?

最佳答案

请阅读: How to get scrollbar position with Javascript?

方法一 然后考虑用滚动条位置存储一个cookie。

方法二 或者将值服务器端存储在基于 IP 的访问者表中

还有一种更有趣的方式。

方法三 使用像 <a name="foo"> 这样的 anchor 并将您的帖子操作发送到包含这样的 anchor 的 URL <form action="site.php#foo" ...它不像 cookie 版本那么精确,但它以某种方式工作 :))

关于css - 如何记住 `div` 的滚动位置以在重新加载页面时恢复它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23448717/

相关文章:

jquery - 仅使用 jQuery 的 CSS3 垂直框 flex

CSS在pre标签上显示垂直滚动条

html - css中的条件子句

javascript - 如果我设置 min-height 和 max-height,哪个优先?

jquery - 如何使用 jQuery 删除 ul 中除第一个和最后一个元素之外的所有 li 元素?

html - HTML/CSS客户门户

javascript - 使用 ajax 填充联合画廊

html - 使用滚动条确定水平画廊中的 div 宽度

html - 是什么导致我的 div 被隐藏?

css - Chrome shadow-root 应用奇怪的 CSS 规则