2012-08-31 18 views
0

我有一個html jquery移動多頁面,並使用swipeleft和swiperight事件來翻頁。 它很好用。如何禁用垂直滾動,同時使用jquery mobile啓用swipeleft和swiperight事件?

現在我想禁用垂直滾動。

從溶液中我發現計算器,它建議使用以下

$(document).delegate('.ui-content', 'touchmove', false);​ 

但在這種情況下,原始swipeleft和swiperight事件被禁用了。

有沒有一種方法可以在保持swipeleft和swiperight事件的同時禁用垂直滾動?

+0

如果要禁用垂直滾動;您的頁面是否已經小於視口? –

回答

0

您可以添加以下到您的

<script> 
    function BlockMove(event) { 
     // Tell Safari not to move the window. 
     event.preventDefault(); 
    } 
    </script> 

,並添加到您的身體標記

<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);" ontouchmove="BlockMove(event);"> 

這將禁用頁面滾動,讓您刷卡

+0

嗨唐納德, 它的工作原理。謝謝。 但是請問設置超時功能的目的是什麼? 現在每次翻頁後,內容都需要一段時間才能獲得焦點。即頁面中的文本有點模糊並在1秒內變得清晰。 – Bowie

+0

這是另外一個非常酷的腳本,它允許有很多選項......不超過50行JS。 http://stackoverflow.com/questions/10357844/how-to-disable-rubber-band-in-ios-web-apps – trgraglia

相關問題