Панорамирование экрана блокировки в браузере webOS на сенсорной панели

Как я могу предотвратить смещение веб-страницы влево или вправо при пролистывании влево или вправо в браузере webOS на сенсорной панели?

Пример. Если вы запустите google.com в браузере сенсорной панели, а затем проведете пальцем влево или вправо, вы заметите, что страница тянется влево или вправо и становится серым фоном. Однако, если вы перейдете на maps.google.com и проведете пальцем влево или вправо, карта переместится и страница зафиксируется на месте. Это то, что я хочу сделать. Я не хочу, чтобы страница вытягивалась за край браузера, обнажая серый фон.

Я создал карусель, в которой для навигации используются свайпы влево и вправо. Он отлично работает в Safari на моем ноутбуке, но когда я запускаю его в браузере webOS, он не перемещается, а перемещается вся страница. Как остановить перемещение страницы и разрешить карусели получать события перетаскивания?


person prototyper    schedule 04.04.2012    source источник
comment
Я изменил высоту страницы, чтобы она соответствовала высоте браузера, и теперь у меня больше нет вышеуказанной проблемы. Хотя это работает для меня, я все же хотел бы знать, как предотвратить панорамирование страницы влево и вправо, даже если высота больше, чем высота браузера.   -  person prototyper    schedule 05.04.2012


Ответы (1)


Если вы не хотите, чтобы экран прокручивался и отключал отскоки (так это называется), вам следует попробовать:

document.ontouchmove = function(event){
    event.preventDefault();
}
person sougonde    schedule 04.04.2012