2012-05-15 112 views
0

我在與一些HTML/CSS/jQuery的混合物的那一刻有點卡住了。的jQuery拖動滾動禁用

基本上我已經有了這個設置。

<div style="height: 100px; overflow: hidden"> 
<div style="height: 500px; width: 500px"></div> 
</div> 

所以我的父母的div作爲一個框架,其中的內容將滾動到使用scrollto插件。

不過我得說,如果有人點擊下來在框區域並拖動自己的鼠標,它圍繞滾動DIV的問題。

我怎樣才能禁用此行爲?我已經使用滾動事件和preventDefault,但那不適用於拖動滾動。

我怎麼會去這樣做呢?

感謝

歐文

+0

是不是該插件讓一切變得簡單觸摸設備(即拖放滾動)的目的是什麼?你能否澄清爲什麼你需要這個插件?否則,你可能可以得到你需要的只是設置溢出:自動對你提到的父母div – lbstr

+0

對不起,我沒有意識到我的代碼沒有顯示。想象一下,我的內部div中有3列,並有一個單獨的導航,我可以使用scrollto來做$('#innerdiv')。scrollto(800,axis:x)然後它可以滾動到內部div的每個部分 – Owen

回答

0

編輯: 要麼不使用插件,只需使用jQuery的動畫()函數來得到在內部DIV一個新的左側位置,或...

嘗試scrollto的 「孩子」 項目:SerialScrollLocalScroll。這聽起來像那些更有意義的導航(使用js滾動到某些位置後,點擊某物)比物理滾動,它聽起來像你正在嘗試做什麼。

+0

謝謝,但我的問題與如何滾動,它與「溢出:隱藏」的事實,而不是使用滾動條滾動頁面,你只需拖動頁面,或滾動鼠標滾輪和滾動。我想禁用此功能 – Owen

+0

@OwenMelbourne我想我現在明白了。你能否澄清一下當你想要內部股利移動?在一些點擊事件?您可以通過使用jQuery.animate()而無需任何插件。如果您知道要將內部div移動到的左側位置,則可以調用動畫並傳遞新的左側值。 – lbstr

+0

不用擔心隊友,我已經改變了html結構,因此它非常適合高度,因此無需向下滾動! – Owen