#html #css #scrollbar
#HTML #css #полоса прокрутки
Вопрос:
Я делаю полосу прокрутки на странице всегда видимой с помощью:
html {
overflow-y: scroll;
}
С другой стороны, я также хочу, чтобы высота полосы прокрутки автоматически увеличивалась при открытии модального диалогового окна, которое длиннее страницы. Однако высота полосы прокрутки не увеличивается автоматически. Если я установлю overflow-y: auto; это делает полосу прокрутки скрытой для начального состояния, которое мне не нравится. Есть идеи, как это исправить?
Комментарии:
1. Фрагмент был бы весьма полезен, особенно когда ваш код не так уж сложен.
Ответ №1:
Модальный Bootstrap отлично справляется с этой задачей, скрывая переполнение тела и используя фиксированное наложение.
body.modal-open{overflow:hidden}
/* this is the overlay */
.modal{position:fixed;top:0;bottom:0;left:0;right:0;}
.modal .modal-dialog{/* taller than window */}
Комментарии:
1. Спасибо за ответ, но я не могу заставить его работать. С другой стороны, возможно, я не смог объяснить проблему, моя проблема в том, что: при открытии модального объекта полоса прокрутки тела отключена и не может перемещаться по телу. Я не хочу модальную полосу прокрутки и просто хочу использовать полосу прокрутки тела при открытии модальной. Есть идеи?
2. Вы должны настроить jsfiddle или codepen, чтобы мы могли видеть, что вы делаете.