停止整個頁面在ipad web應用程序中滾動

Question

我有ipad web應用程序我滾動特殊的div它工作正常，但問題是，當用戶觸摸出一側的div然後頁面滾動我想停止頁面滾動並讓div只能滾動。

I used 


document.ontouchmove=function(e) { e.preventDefault()}; 

但它停止整個頁面上滾動div也。

這裏是索引文件鏈接我的工作

http://codepad.org/7RE5vx74

Answer 1

給股利一類（比方說， 'scrollThis'）。處理touchmove事件的方式是，如果touchmove事件的目標不是div，則防止滾動。否則，讓它發生。

$('body').on('touchmove', function (e) { 
    if (!$('.scrollThis').has($(e.target)).length) //check if the div isn't being scrolled 
     e.preventDefault(); 
}); 

我已經在iOS/android web應用程序中使用過，所以我可以證明它的工作原理。