JQuery:返回上一页时如何返回到完全相同的滚动位置

2023-12-01

我有一个很长的项目列表,当我单击每个项目并返回主列表时,滚动位置丢失了。

如何使用 jQuery 返回到相同的精确滚动位置?有什么简单的方法可以做到吗?

$(document).ready(function() {

  $('.update-button').click(function (){
    sessionStorage.scrollPos = $(window).scrollTop();
    console.log(sessionStorage.scrollPos);
  });
});

var init = function () {
    //get scroll position in session storage
    $(window).scrollTop(sessionStorage.scrollPos || 0)
};
window.onload = init;

上面是我的代码的样子。我尝试记录位置,但 sessionStorage.scrollPos 为 0。我很确定我已将页面滚动到某个位置。

非常感谢您的帮助。


您需要将滚动位置的值存储在 sessionStorage (或任何存储)中,并在页面加载时重新使用它。

$(window).scroll(function () {
    //set scroll position in session storage
    sessionStorage.scrollPos = $(window).scrollTop();
});
var init = function () {
    //get scroll position in session storage
    $(window).scrollTop(sessionStorage.scrollPos || 0)
};
window.onload = init;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery:返回上一页时如何返回到完全相同的滚动位置 的相关文章

随机推荐

  • 使用 CSS3/JS 的 SVG 径向擦除动画

    How can i achieve a radial wipe animation in CSS3 or JS It s seems so simple but I can t figure it out 这是使用 jQuery 的基本方法
  • JQuery - Firefox 中的 $.ajax ContentType 问题

    我正在使用以下代码发出跨域 JSON 请求 ajax type POST crossDomain true contentType application json charset utf 8 data domain domain asse
  • 带视图的叠加选项卡栏

    我有一个UIViewController标签栏内 对于选项卡栏中的一个 VC 我允许界面随着设备旋转而旋转 挑战是 我想隐藏选项卡栏并调整内部视图的大小 我做了什么 1 被调用 void willAnimateRotation 在我的标签栏
  • 比 for 循环更有效的求和方法

    我有两个大小相同的列表 两者都包含数字 第一个列表是生成的 第二个列表是静态的 由于我有许多生成的列表 我想找出哪一个是最好的 对我来说 最好的列表是最等于参考的列表 因此我计算每个位置的差异并将其相加 这是代码
  • 在php上写入文件

    我想保留访问者的 IP 并将其保存在文件中 我尝试了 fwrite 函数 但我认为它是在文件上的先前 ip 上重写的 Example ip txt 为空 当我运行 write php 脚本时 在 ip txt 上我有 x x x x ip
  • 将 StackPanel.Visibility 绑定到其子级的 Visibility 属性

    我对数据绑定比较陌生 只是在阅读它 我想做的是 我有一个带有许多子控件的 StackPanel
  • 从模板函数返回 double 或complex

    我正在编写一些函数模板来重载 矩阵类的运算符 我对类型矩阵做了很多工作double and complex
  • 如何在 RStudio 中查看、打开和保存 .rdb 文件

    我可以按照指示将变量环境中 rdb 文件中的每个数据库视为 承诺 here 现在 我想编辑其中一个文件并保存它 我怎样才能做到这一点 我是 R 新手 在一次讨论中r pkg 开发 Ivan Krylov 提供了以下读取 RDB 数据库的函数
  • Powershell 将用户添加到组

    我正在尝试读取包含用户信息的 XML 文件 并根据该信息将用户添加到 Active Directory 组 到目前为止 我一直在查找错误消息 但没有任何帮助 这是将用户添加到组的代码 MyUsers xml Get Content e sa
  • 没有“static”或“extern”的“inline”在 C99 中有用吗?

    当我尝试构建这段代码时 inline void f int main f 使用命令行 gcc std c99 o a a c 我收到链接器错误 未定义的引用f 如果我使用 错误就会消失static inline or extern inli
  • 解决BaseGameActivity

    我试图追随的人一样多本教程没有成功 简单的错误是 The import com google example games basegameutils BaseGameActivity cannot be resolved BaseGameU
  • 如何制作 boost::filesystem::directory_iterator 的副本?

    我知道这听起来很愚蠢 但是看看这个简单的例子 工作目录应该有多个项目 define BOOST FILESYSTEM VERSION 3 include
  • 在 Scrapy 蜘蛛中动态添加 allowed_domains

    我有一个蜘蛛 它以一小部分列表开头allowed domains在蜘蛛爬行的开始 当蜘蛛抓取从解析器内继续时 我需要动态地将更多域添加到此白名单中 但由于后续请求仍在过滤中 因此以下代码段无法完成此操作 还有更新的吗allowed doma
  • 如何从引用网址获取 location.hashtag - Google Analytics

    有一个网站在其网址中使用页面按钮和主题标签 来操纵其内容 链接 的排序方式 他们链接到我的网站 我想知道人们在最终找到我的网站并点击之前点击了哪些按钮 例如 引用网址如下所示 http www example com page1 conte
  • 使用 JQuery 查找并计算选中框的数量

    我在一页上有一个表单 在该表单中 表中的每一行都有一个复选框 我需要计算已选中行的行数 但我什至从 jQuery 中选择它都遇到了麻烦 这是我的复选框代码的样子
  • 红黑高斯赛德尔和 OpenMP

    我试图证明 OpenMP 与 MPICH 相比的一点 并且我编写了以下示例来演示在 OpenMP 中实现高性能是多么容易 Gauss Seidel 迭代被分成两个单独的运行 以便在每次扫描中每个操作都可以按任何顺序执行 并且每个任务之间不应
  • ProxyPass 和 ProxyPassReverse 可以在 htaccess 中工作吗?

    我以前从未设置过代理 我使用的是共享托管 因此要设置 Apache 指令 我需要使用 htaccess 我可以使用 htaccess 执行如下操作吗 有什么限制吗 ProxyRequests Off ProxyPass img http i
  • 从 PHP 获取 CSS 样式

    我正在使用简单 DOM 解析器解析页面 它很简洁 但我想为每个元素获取应用的 css 样式 不仅是内联样式 还包括应用于该元素的每种样式 无论是内联样式 页内样式还是外部样式 有没有一个类可以做到这一点 如果没有 你会怎么做 我并不真正关心
  • 使用 .htaccess 重写查询字符串中的变量

    我在网站中使用 PHP 脚本 该脚本在 URL 中生成查询字符串 查询字符串中的变量之一是 colour red 我想在我的 htaccess 文件中制定一条规则 重写所有实例colour red to colour blue 我无权更改原
  • JQuery:返回上一页时如何返回到完全相同的滚动位置

    我有一个很长的项目列表 当我单击每个项目并返回主列表时 滚动位置丢失了 如何使用 jQuery 返回到相同的精确滚动位置 有什么简单的方法可以做到吗 document ready function update button click f