javascript – 当按下按钮时,如何保留可滚动区域的滚动位置?

前端之家收集整理的这篇文章主要介绍了javascript – 当按下按钮时,如何保留可滚动区域的滚动位置?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个很长的链接列表在一个可滚动的div.每当用户点击一个链接,然后点击后退按钮,它就从顶部开始.这对用户来说不是用户友好的.任何方式让浏览器滚动到上一个位置按下后退按钮?

非常感谢你!

解决方法

页面卸载期间,获取滚动位置并将其存储在本地存储中.然后在页面加载期间,检查本地存储并设置滚动位置.假设你有一个具有id元素的div元素.如果是页面,请更改选择器:)
$(function() {
   $(window).unload(function() {
      var scrollPosition = $("div#element").scrollTop();
      localStorage.setItem("scrollPosition",scrollPosition);
   });
   if(localStorage.scrollPosition) {
      $("div#element").scrollTop(localStorage.getItem("scrollPosition"));
   }
});
原文链接:https://www.f2er.com/js/153643.html

猜你在找的JavaScript相关文章