【问题标题】:maintaining scroll bar position using javascript/jquery (jqgrid)使用 javascript/jquery (jqgrid) 维护滚动条位置
【发布时间】:2013-04-17 16:16:12
【问题描述】:

我在维护我的jqgridscroll position 时遇到问题。

这是我的计划的目标:

  1. 首先,我点击行。
  2. 点击该行后,会弹出一个表单。
  3. 更新记录后,用户将关闭表单。
  4. jqgrid 将重新加载。
  5. jqgrid 重新加载后,会选择“最后选择的项目”

我对这些步骤没有问题(1-5)

我的问题是,如果我有大量行,例如 500 行。它将在 jgrid 的一侧显示滚动条。

我想要做的是使用 Javascript 或 jQuery 来保持滚动条的滚动位置。我该怎么做?

我尝试在 loadcomplete 事件中使用它

var scrollPosition = 0;
                scrollPosition = jQuery("#jqgrid").closest(".ui-jqgrid-bdiv").scrollTop(scrollPosition);
                jQuery("#jqgrid").closest(".ui-jqgrid-bdiv").scrollTop(scrollPosition);

但它没有给我滚动位置的值

【问题讨论】:

  • "它将在 jgrid 的一侧显示滚动条。我想做的是使用 javascript 或 jquery 保持滚动条的滚动位置。" - 所以你想控制滚动位置(页面的开始/结束)或滚动条位置本身?
  • 这里:如果我单击第 250 行,假设在网格重新加载后滚动条位于中间。滚动条将位于中间。
  • this link或者你可以使用jQuery scrollTo插件。
  • #element是网格的名字吗?
  • 是的。看到这个fiddle

标签: c# javascript jquery jqgrid


【解决方案1】:

见。 this fidle 基于this article

<input type="submit" id="button"/>
<div id="div1"> </div>


$("#button").click(function() {
 $('html, body').animate({
              scrollTop: $("#div1").offset().top
 }, 2000);
 });

【讨论】:

  • 如果我使用 jqgrid。我将如何实施?
  • 制作你自己的 jsfiddle 让我看到你的代码。我不能为你做一切。我可以试着改变你的小提琴来帮助你。
猜你喜欢
  • 2011-10-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-01-29
  • 2012-12-20
  • 1970-01-01
  • 2022-06-30
  • 1970-01-01
相关资源
最近更新 更多