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

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

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

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

И main.container-fluid

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

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

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽