Javascript 非默认行高的可手持滚动问题

我有一个问题：当行高不标准时，可触摸的滚动条会跳转

我的代码是：

$(document).ready(function () {

  function createBigData() {
    var rows = []
      , i
      , j;

    for (i = 0; i < 10; i++) {
      var row = [];
      for (j = 0; j < 7; j++) {
        row.push(Handsontable.helper.spreadsheetColumnLabel(j) + i + "\n2nd_row");
      }
      rows.push(row);
    }

    return rows;
  }

  $('#example1').handsontable({
    data: createBigData(),
  });
});

$（文档）.ready（函数（）{
函数createBigData（）{
变量行=[]
我
J
对于（i=0；i<10；i++）{
var行=[]；
对于（j=0；j<7；j++）{
row.push（Handsontable.helper.spreadsheetColumnLabel（j）+i+“\n2nd_row”）；
}
行。推（行）；
}
返回行；
}
$（'#示例1'）。可手持({
数据：createBigData（），
});
});

jsfiddle：

尝试滚动到表的底部。你看到它来回跳跃吗

我注意到旧版本的handsontable js不能以这种方式工作，请尝试更改

<script src="http://handsontable.com/dist/jquery.handsontable.full.js"></script>

到

它现在应该正常工作

请告知。 提前谢谢

--

---

Dmitry

我完全确定新的掌上电脑版本的问题是什么，但问题的出现是因为

\n

在每个单元格中输入新行。Handsontable有一种将标记输入单元格的方法，我在本文中使用了这种方法，但是问题仍然存在。如果删除

\n

并添加更多行，则可以正常工作。（旁注：我在这里使用了一个

，因为我认为从符号上讲，这更有意义，但使用哪一个并不重要。）您会注意到，在本例中，您可以滚动，但一旦进入底部，它会再次开始跳动。这让我想到：

要解决此问题可以定义插件使用的

.wtHider

类的最小高度。下面是一个工作说明如何解决这个问题

这里的主要问题是，当您滚动时，handsontable实际上是使用新的可查看行重新呈现表。重新渲染时，handsontable会动态设置

.wtHider

和

.wtHolder

的高度，这就是问题的原因

这是一个“黑客”解决方案，但它可能适合您的需要。希望这有帮助

---

根据请求，下面是另一个解决表底部空间问题的方法：

您好，谢谢您的回答！它解决了一个跳跃行的问题，但我发现如果我添加.wtHider css规则，它会在页面下创建一个大的空格块。有什么办法可以避免这种情况吗？@Horoshiy我在答案中添加了一个新的提琴，解决了桌子底部的空间问题。谢谢你，现在它真的很粗糙：）

<script src="http://old.handsontable.com/dist/jquery.handsontable.full.js"></script>