在允許列表滾動的同時阻止iPAD滾動

Question

我需要禁用默認的iPAD滾動（通過捕獲主體上的touchmove），但仍然允許頁面上的列表滾動。

我試過了：

$('body').on('touchmove', function(e) { e.preventDefault(); });
$('itemList').on('touchmove', function(e) { alert('hi'); e.stopPropagation(); });

但是似乎根本沒有調用itemList的touchmove。 在iPAD上沒有任何滾動。

參見http://jsfiddle.net/e8dcJ

任何想法如何解決這個問題？ 謝謝！

Answer 1

也許不要將事件應用到涵蓋所有內容的身體。 而是將事件應用於您要防止滾動的各種元素。 或者，將除列表以外的所有內容包裝在DIV中，然后將位置設置為fixed，然后添加事件。