Задать вопрос
copal
@copal
𝄞 ...оооо baby

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

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

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

И main.container-fluid

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

И забыл упомянуть что вертикальный скролл мне нужен. Мне не нужно чтобы прыгало при его появлении.
  • Вопрос задан
  • 368 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Решения вопроса 1
alsopub
@alsopub
Вариант с overflow-y: scroll; не подойдет?
https://codepen.io/anon/pen/OXKQdZ
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Может ссылку хоть кините? Я вот мало чего понял. Суть проблемы понял, но проблемы же решать проще, если её увидеть!
Ответ написан
Ваш ответ на вопрос

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

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