首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >提交表单时使用jquery保存和检索窗口滚动位置的最佳方法

提交表单时使用jquery保存和检索窗口滚动位置的最佳方法
EN

Stack Overflow用户
提问于 2014-11-16 02:46:49
回答 2查看 1K关注 0票数 0

我是jquery的新手。我正在使用php和jquery来完成一些任务。当我通过单击图像按钮提交表单时,我希望获得窗口的垂直滚动条位置并将其保存在浏览器中。然后我想从窗口中检索它,并在页面重新加载后将滚动条位置设置回来

代码语言:javascript
运行
复制
$(document).ready(function(){
$("#button").click(function(){
  // get the scroll bar position 
  // save the scroll bar position
});
});


$(document).ready(function(){
   If scroll bar position available{
// retrieve the scroll bar position 
// set  the scroll bar position
}
});

我找到了一些解决方案,滚动条的位置在一个隐藏的输入字段中传递,然后他们通过获取POST变量来设置位置。我需要做的是不在隐藏的输入字段中传递它,这是可能的吗?你能帮我一下吗?提前感谢

EN

回答 2

Stack Overflow用户

发布于 2014-11-16 02:52:56

作为建议,请使用JQuery的data()

要保存数据:

代码语言:javascript
运行
复制
$("#button").data("KEY","VALUE");

要获取数据,请执行以下操作:

代码语言:javascript
运行
复制
var key=$("#button").data("KEY");

通过data(),您可以存储滚动位置,并在需要时获取它。

票数 1
EN

Stack Overflow用户

发布于 2014-11-16 20:56:44

感谢您的回复。我最终用sessionStorage做到了这一点。以下是代码

代码语言:javascript
运行
复制
$(document).ready(function(){
  $(":image").click(function(){
        sessionStorage.scrolly=$(window).scrollTop();
  });

  if (sessionStorage.scrolly) {
        $(window).scrollTop(sessionStorage.scrolly);
        sessionStorage.clear();
  }
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26949406

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档