установить переполнение скрытым в некоторых случаях

Question

Как установить переполнение скрытым в тех случаях, когда HTML-код выходит за пределы экрана

Сейчас я установил html {overflow: hidden;} в теге head на странице. Итак, он все время скрыт

В моем конкретном случае ошибки, которые я показываю в процессе регистрации, не видны на моем 13-дюймовом ноутбуке, но я не хочу постоянно показывать полосы прокрутки.

Вот почему я хочу, чтобы он устанавливался (или не устанавливался) исходя из того факта, есть ли переполнение или нет.

Какой будет лучший способ?

спасибо, Ричард

Answer 1

Будет ли 'переполнение: авто' недостаточно?

http://www.w3.org/TR/CSS2/visufx.html

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

Answer 2

Поможет ли, если вы установите полосу прокрутки только для вертикальной прокрутки?

Вы можете сделать это используя overflow-y: auto; и переполнение-х: скрыто;

Это покажет вертикальную полосу прокрутки (только когда вам это нужно), но не покажет горизонтальную полосу прокрутки. Таким образом, скрытые div с отрицательным свойством не будут отображаться, даже если вы решите показать полосы прокрутки.

Answer 3

Как насчет этого:

<div id="overflowHidden" style="overflow:hidden;">
    <div id="contentContainer">
        Content goes here
    </div>
</div>

Установите высоту на #overflowHidden и, когда содержимое изменится на #contentContainer, проверьте высоту по сравнению с #overflowHidden и установите атрибут переполнения на #overflowHidden, в зависимости от ситуации.

Не самое элегантное решение, но его довольно легко включать и выключать (для тестирования против производства).