В Safari на iPad есть способ остановить резинку страницы, но все же разрешить переполнения слишком прокрутки?

Question

Там много фрагментов, чтобы остановить резиновое-полосатость на IPad, как показано ниже:

document.body.addEventListener('touchmove',function(event){ event.preventDefault(); },false); 

Однако это имеет нежелательный эффект предотвращения всех дивы с переполнением на них от прокрутки тоже?

Есть ли способ просто перевернуть страницу (тело) от резиновой ленты, сохраняя при этом разрешенные прокрученные divs?

Answer 1

Резиновая лента всей страницы, похоже, происходит, когда пользователь прокручивается с самого низа или на самый верх div. Код, который я написал, проверяет, действительно ли пользователь находится в одной из этих крайностей, и если это так предотвращает действие прокрутки в этих направлениях.

elem.bind("touchstart", function(e) 
{ 
    xStart = e.originalEvent.changedTouches[0].screenX; 
    yStart = e.originalEvent.changedTouches[0].screenY; 
}); 

elem.bind("touchmove", function(e) 
{ 
    var xMovement = e.originalEvent.changedTouches[0].screenX - xStart; 
    var yMovement = e.originalEvent.changedTouches[0].screenY - yStart; 

    if(elem.scrollTop() == (elem[0].scrollHeight - elem[0].clientHeight) && yMovement < 0) 
    { 
     e.preventDefault(); 
    } 
    else if(elem.scrollTop() == 0 && yMovement > 0) 
    { 
     e.preventDefault(); 
    } 
    e.stopPropagation(); 
}); 

Update: в том числе рабочей jsfiddle демо ссылка: http://jsfiddle.net/qQHrM/1/