在允许列表滚动的同时阻止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并添加事件。