當使用子元素滾動條時，如何禁用可拖動的div

我有一個jQuery可拖動的容器div，當滾動上下時不應拖動側滾動條。 .infotext是具有文本的內部div，包含在設置爲溢出的#infobody中：auto。我需要一種方法來取消選擇子滾動條時父窗格上的可拖動功能。這裏是我的代碼：當使用子元素滾動條時，如何禁用可拖動的div

$(".lsidebar").draggable({"scroll":false}); 

.lsidebar #infobody{ 
cursor:default; 
position:absolute; 
width:100%; 
overflow:auto; 
margin:23px 0 0 0; 
z-index:14; 
} 

    #infobody .infotext{ 
cursor:default; 
position:relative; 
width:100%; 
z-index:14; 
color:#969696; 
}

來源

2010-07-22 sadmicrowave

我建議你刪除這個問題，因爲你問的另一個有更多的答案，也包括你的問題。：D http://stackoverflow.com/questions/3300765/how-to-disable-draggable-div-when-scroll-bar-is-focused-on-in-jquery – 2011-09-05 16:29:22

一種解決這個問題（因爲某種原因，沒有人回答我的問題是最近）與被稱爲JScrollPane的一個jQuery滾動條來替代默認的瀏覽器滾動條。這樣做使我可以使用插入的滾動條ID作爲選擇器來禁用可拖動...像這樣：

$('.jScrollPaneDrag').live('mousedown mouseup', function(e){ 
    if(e.type=='mousedown'){ 
     $('.lsidebar').draggable({disable: true}); 
    }else{ 
    $('.lsidebar').draggable({"scroll":false}); 
    };

}）;

來源

2010-07-27 16:38:38 sadmicrowave

當使用子元素滾動條時，如何禁用可拖動的div

回答

相關問題