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

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

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

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

И main.container-fluid

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

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

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

Похожие вопросы