作者knives ()
看板Ajax
標題[ js ] jQuery UI 的Drag 的Scroll沒有反應
時間Thu Jun 21 16:17:52 2012
我的html是這樣
<div class="l_option" style="height:400px; overflow-x:hidden ; overflow-y:auto">
<div class="ls_draggable">
</div>
<div class="ls_droppable">
</div>
</div>
我打算在ls_draggable 使用jQuery UI的Drag
$('.ls_draggable').draggable({
helper: "clone",
scroll: true,
stop: function(event, ui) {
}
});
問題來了,如果.l_option 的裡面的高度超過400 ,照理來說 不是會出現scroll嗎
可是當$('.ls_draggalbe') 的drag 移到畫面最下面
.l_option 並無法自動捲動
請問要怎麼改才能讓 .l_option 自動捲動
我用了scorll:true,發現它是針對整個畫面
有辦法讓它針對指定的選擇器嗎
謝謝回答
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.126.209.219
1F:→ nenpow:把.l_option css 的postion改relative看看 06/21 16:48
2F:→ knives:可以了,樓上真神奇阿 06/21 17:11
3F:→ nenpow:建議有機會多了解css position,desplay這兩個屬性 06/21 17:55
4F:→ nenpow:尤其是需要用到drag或sort之類的功能的時候 06/21 17:56