slickgrid - 选择数据时自动滚动视口答案

【问题标题】：slickgrid - autoscroll the viewport when selecting dataslickgrid - 选择数据时自动滚动视口
【发布时间】：2014-01-14 06:45:05
【问题描述】：

我正在使用 slickgrid 来输入类似 excel 样式的数据。

用户将输入数据。然后选择需要的数据图后会生成。

问题是，当用鼠标选择数据时，电子表格不会让您用鼠标滚动过去 AG 单元格或数字 10 单元格下方。这意味着如果有大量数据，那么选择将不会保持用户友好。

当用户想要选择 AG 列和第 10 行之外的数据时，我希望电子表格自动滚动。

I want something like this

【问题讨论】：

你有水平滚动条吗？？？ slickgrid 中存在一个错误，即最后一行与水平滚动条重叠。
是的，我有单杠..

标签： javascript jquery slickgrid

【解决方案1】：

将此CSS添加到您的页面

.slick-viewport { 溢出-x：自动！重要；溢出-y：自动！重要； }

【讨论】：

【解决方案2】：

我已经通过查找鼠标指针位置并在我想要自动滚动的位置应用滚动来解决这个问题......

$('#myGrid').mousemove(function(e){
      var parentOffset = $(this).offset(); 
      diffX = ( ( parentOffset.left + $('#myGrid').width() ) - e.pageX);
      diffY = ( ( parentOffset.top + $('#myGrid').width() ) - e.pageY);
      if (diffX < 59 && diffX > 17){
          $('.slick-viewport ').scrollLeft($('.slick-viewport ').scrollLeft() + 5);
      }

      if (diffY < 389 && diffY > 366){
          $('.slick-viewport ').scrollTop($('.slick-viewport').scrollTop() + 5);
      }

    });

【讨论】：