Я хотел бы полностью отключить прокрутку в HTML body
. Я пробовал следующие варианты:
overflow: hidden;
(не работает, не отключает прокрутку, а просто скрывает полосу прокрутки).
position: fixed;
(работает, но прокручивается полностью до верха, что неприемлемо для данного конкретного приложения)
Я не смог найти никаких альтернатив этим двум вариантам, есть ли еще какие-нибудь?
HTML css работает нормально, если тег body ничего не делает, вы можете написать также
<body scroll="no" style="overflow: hidden">
В этом случае переопределение должно быть в теге body, это легче контролировать, но иногда вызывает головную боль.
Этот пост был полезен, но я хотел поделиться небольшой альтернативой, которая может помочь другим:
Установка max-height
вместо height
также помогает. В моем случае я отключаю прокрутку на основе переключения класса. Установка .someContainer {height: 100%; overflow: hidden; }
, когда высота контейнера меньше высоты области просмотра, растянула бы контейнер, чего вы не хотели бы. Установка max-height
учитывает это, но если высота контейнера больше высоты области просмотра при изменении содержимого, прокрутка все равно отключается.