HTML, CSS-отключить прокрутку по телу

Question

HTML, CSS-отключить прокрутку по телу

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

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

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

Я не смог найти никаких альтернатив этим двум вариантам, есть ли еще?

663 3

html css scroll

3 ответов:

Comments

Ничего не найдено.

panther · Accepted Answer · 2015-02-09 16:03:12

Set height и overflow:
html, body {margin: 0; height: 100%; overflow: hidden}
http://jsfiddle.net/q99hvawt/

Lalo · Accepted Answer · 2015-10-14 18:13:40

HTML css отлично работает, если тег body ничего не делает, вы также можете написать
<body scroll="no" style="overflow: hidden">
в этом случае первостепенной должна быть на тега body, его легче контролировать, но иногда дает головные боли.

joebjoe · Accepted Answer · 2017-12-07 19:01:26

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

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