Javascript slickgrid-选择数据时自动滚动视口
我使用slickgrid来输入excel样式的数据 用户将输入数据。然后在选择所需数据后,将生成图形 问题是,当用鼠标选择数据时,电子表格将不允许您用鼠标滚动到AG单元格或数字10单元格以下。这意味着如果有大量数据,那么选择将不会保持用户友好 当用户想要选择超出AG列和第10行的数据时,我想要电子表格的自动滚动Javascript slickgrid-选择数据时自动滚动视口,javascript,jquery,slickgrid,Javascript,Jquery,Slickgrid,我使用slickgrid来输入excel样式的数据 用户将输入数据。然后在选择所需数据后,将生成图形 问题是,当用鼠标选择数据时,电子表格将不允许您用鼠标滚动到AG单元格或数字10单元格以下。这意味着如果有大量数据,那么选择将不会保持用户友好 当用户想要选择超出AG列和第10行的数据时,我想要电子表格的自动滚动 将此CSS添加到您的页面 .光滑视口{ 溢出-x:自动!重要; 溢出y:自动!重要; } 我找到鼠标指针的位置并在我想要自动滚动的位置应用滚动来解决这个问题 $('#myGrid').m
将此CSS添加到您的页面 .光滑视口{ 溢出-x:自动!重要; 溢出y:自动!重要; }
我找到鼠标指针的位置并在我想要自动滚动的位置应用滚动来解决这个问题
$('#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);
}
});
$('#myGrid').mousemove(函数(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);
}
});
您有水平滚动条吗???slickgrid中有一个错误,最后一行被水平滚动条重叠。是的,我有水平条。。