slickgrid - 選擇數據時自動滾動視口

Question

我使用slickgrid來輸入數據，如excel樣式。

用戶將輸入數據。然後選擇需要的數據圖後會生成。

問題是，使用鼠標選擇數據時，電子表格不會讓您滾動鼠標移動到AG細胞或10號細胞以下。這意味着如果有大量的數據，那麼選擇將不會保持用戶友好。

我想在用戶想要選擇超出AG列和row10的數據時自動滾動電子表格。

I want something like this

Answer 1

我已經發現鼠標指針位置想通了這個問題，在這裏我想自動滾動位置施加滾動...

$('#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); 
     } 

    }); 

Answer 2

這個CSS添加到您的網頁

.slick視口{ 溢出-X：自動重要;！ overflow-y：auto！important; }