包含元素有滚动条时如何正确网格化?
How to grid correctly when containment element has scrollbar?
请先看懂我的英文!!!
我正在为一个进度项目拖拖拉拉!我在拖动元素(事件)以更新 event.I 时遇到麻烦,使用 50px
将半小时设置为一个 td 所以我可以轻松地使用 grid [50,0]
拖动。在当前视图元素中没问题但是在我之后拖入可滚动的包含部分,网格没有采用正确的像素!如何在可滚动包含元素中使用 gird 正确拖动!
在我不断解决我的问题之后!我自己得到了一些可能的答案!我在滚动模式下通过 droppable drop
方法检测到不正确的网格!在那里我检查我的拖动元素已经达到哪个 td
间隔并获得最近的 td 偏移量。这样我可以在滚动模式下拖动时解决我的正确网格
$("tbody tr").droppable({
drop:function(e,ui){
var same = false;
$("td").each(function(){
console.log($(this).offset().left +"=="+ $(ui.helper).offset().left);
if($(this).offset().left == $(ui.helper).offset().left){
same = true;
return false;
}
});
if(same) {
return false;
}
$("td").each(function(){
if($(this).offset().left <= $(ui.helper).offset().left && $(ui.helper).offset().left <= $(this).next().offset().left){
$(ui.helper).css("left",$(this).offset().left - $(ui.helper).parent().offset().left);
return false;
}
});
}
});
请先看懂我的英文!!!
我正在为一个进度项目拖拖拉拉!我在拖动元素(事件)以更新 event.I 时遇到麻烦,使用 50px
将半小时设置为一个 td 所以我可以轻松地使用 grid [50,0]
拖动。在当前视图元素中没问题但是在我之后拖入可滚动的包含部分,网格没有采用正确的像素!如何在可滚动包含元素中使用 gird 正确拖动!
在我不断解决我的问题之后!我自己得到了一些可能的答案!我在滚动模式下通过 droppable drop
方法检测到不正确的网格!在那里我检查我的拖动元素已经达到哪个 td
间隔并获得最近的 td 偏移量。这样我可以在滚动模式下拖动时解决我的正确网格
$("tbody tr").droppable({
drop:function(e,ui){
var same = false;
$("td").each(function(){
console.log($(this).offset().left +"=="+ $(ui.helper).offset().left);
if($(this).offset().left == $(ui.helper).offset().left){
same = true;
return false;
}
});
if(same) {
return false;
}
$("td").each(function(){
if($(this).offset().left <= $(ui.helper).offset().left && $(ui.helper).offset().left <= $(this).next().offset().left){
$(ui.helper).css("left",$(this).offset().left - $(ui.helper).parent().offset().left);
return false;
}
});
}
});