Не активный скроллбар при открытой модалке (не скрыть а именно не активный), как?

#javascript #css #scrollbar

Вот столкнулся с такой проблемой что необходимо сделать скроллбар именно не активным
т.к. при скрытии скроллбара сайт разъезжается.
И в целом не вижу смысла делать всем элементам (боди и прочим стики элементам падинги).

Вот идеальный пример того что хочу это на сайте apple.com если кликнуть по поиску,
то скроллбар как бы остаётся и из него только пропадает сам бегунок и  получается аналогичный
эффект как при overflow:hidden, но при этом сайт не дергается на эти самые 10/13/16
пикселей.

Попытался посмотреть как у них это реализовано, но понять не смог... Возможно js
или еще как-то...
В гугле искал ничего толкового не смог найти, все советы просто скрыть скроллбар и всё.
    

Ответы

Ответ 1

добавьте в css:   

html {
  overflow-y: scroll;
}