Как отключить резиновую группу в веб -приложениях iOS? ⇐ Jquery

[Anonymous]

Это: < /p>

$('body').on('touchmove', function(e) { e.preventDefault(); });
< /code>

работает, но отключает прокрутку на всей странице, которая далеко не идеально. /p>

$('*').on('touchstart', function(e){
var element = $(this).get(0);

if ( element.scrollTop = element.scrollHeight ) element.scrollTop = element.scrollHeight - element.offsetHeight - 1;
});
< /code>

работает на страницах с областью прокрутки. Однако, когда нечего прокрутить, он снова покажет резиновую полосу. Как вы можете отключить эффект резиновой полосы и по-прежнему сохранить прокручиваемые области -webkit-overflow < /code>, прокручиваемые? >
лучшее решение < /strong> < /p>

Отключить прокрутку на всех не подкрещиваемых элементах, таких как панель вкладок или навигационная панель. < /p>

anElement.addEventListener('touchmove', function( event ){ event.preventDefault() };
< /code>

Прикрепите обработчик прокрутки к прокручиваемым элементам, таким как основной контент. < /p>

anElement.addEventListener('touchstart', function( event ){
if( this.scrollTop === 0 ) {
this.scrollTop += 1;
} else if( this.scrollTop + this.offsetHeight >= this.scrollHeight ) {
this.scrollTop -= 1;
}
}


Подробнее здесь: https://stackoverflow.com/questions/103 ... s-web-apps