copal
@copal
𝄞 ...оооо baby

Как сделать чтобы появление скрола не меняло контент?

Есть панель которая уезжает за пределы видимой области и чтобы не появлялся горизонтальный скролл, на main установлен overflow-x: hidden. Но приложение сделано так что изначально нет контента, а есть только поисковик, начав набирать запрос у которого появляется автокомплит что приводит к появлению вертикального скрола, что в свою очередь сжимает всю страницу, что очень и очень бесить.

Как от этого можно избавится учитывая что я пишу на bootstrap, а значит все сложенно в его контейнеры и я не могу просто переложить какой-то блок в другой ведь сломается позиционирование, которое создает только bootstrap?

И main.container-fluid

https://codepen.io/anon/pen/oLKEEE

И забыл упомянуть что вертикальный скролл мне нужен. Мне не нужно чтобы прыгало при его появлении.
  • Вопрос задан
  • 294 просмотра
Решения вопроса 1
alsopub
@alsopub
Вариант с overflow-y: scroll; не подойдет?
https://codepen.io/anon/pen/OXKQdZ
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Может ссылку хоть кините? Я вот мало чего понял. Суть проблемы понял, но проблемы же решать проще, если её увидеть!
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы