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

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

  • overflow: hidden; (не работает, не отключает прокрутку, он просто скрывает полосу прокрутки)

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

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

Ответы

Ответ 2

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

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

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

Ответ 3

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

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