2013-04-09 6 views
5

Я хотел бы предотвратить все формы прокрутки страницы в моем приложении HTML5. Я пробовал поиск по SO и Google для получения общего ответа для Предотвратите все механизмы прокрутки, но все очень специфично - например, как отключить прокрутку с помощью штрихов или с помощью arrow keys или самих полос прокрутки.Предотвращение прокрутки в HTML5

Причина, по которой я ищу, это создать новый div под видимым экраном и оживить его (и вниз. Это MoonBase показывает, что я имею в виду.), И я не хочу, чтобы пользователь чтобы прокрутить вниз, чтобы увидеть его. Это возможно? Есть ли тег meta, который я могу установить? Или CSS? - Или я ошибаюсь в моей анимации? То есть, все мои проблемы будут исправлены, если бы я просто анимировал со стороны вместо этого (и включил тег metawidth=device-width)? Это самый близкий способ для меня добиться желаемого поведения?

ответ

21

Для этого вам не нужен JavaScript, просто используйте CSS. Набор overflow: hidden;:

body { 
    overflow: hidden; 
} 
+0

Да, только что выяснилось, с большим поиском. Я отвечу, когда смогу. – Phil

+9

По-прежнему можно прокручивать, используя клавиши, когда вы это делаете. Попробуйте: http://jsfiddle.net/ETBq2/ –

+0

@romkyns есть ли способ остановить это? – Tim

Смежные вопросы