Отключить прокрутку на теле

Я хотел бы полностью отключить прокрутку по HTML body. Я пробовал следующие варианты:

overflow: hidden; (не работает, не отключает прокрутку, он просто скрывает полосу прокрутки)
position: fixed; (это сработало, но оно полностью прокручивается вверх, что неприемлемо для этого конкретного приложения)

Мне не удалось найти альтернативы этим двум опциям, есть ли больше?

Ответ 1

Установите height и overflow:

html, body {margin: 0; height: 100%; overflow: hidden}

http://jsfiddle.net/q99hvawt/

Ответ 2

HTML css отлично работает, если тег тела ничего не делает, вы можете писать

<body scroll="no" style="overflow: hidden">

В этом случае переопределение должно быть на теге тела, его легче контролировать, но иногда дает головные боли.

Ответ 3

Это сообщение было полезно, но просто захотелось поделиться небольшой альтернативой, которая может помочь другим:

Настройка max-height вместо height также делает трюк. В моем случае я отключу прокрутку, основанную на переключении класса. Установка .someContainer {height: 100%; overflow: hidden;}, когда высота контейнера меньше, чем высота окна просмотра, растянет контейнер, который не будет тем, что вы хотите. Настройка max-height учитывает это, но если высота контейнера больше, чем область просмотра при изменении содержимого, все равно отключает прокрутку.

Ответ 4

hiiisdfsdf sdfsdasdsddsf Регулярно посещайте https://area51.stackexchange.com/ ! Используйте угловые скобки для принудительного связывания: Вы видели https://superuser.com?