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

Question

我使用slickgrid输入excel风格的数据。

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

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

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

I want something like this

Answer 1

将此CSS添加到您的页面

  

.slick-viewport {          overflow-x：auto！important;          overflow-y：auto！important;       }

Answer 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);
      }

    });