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

Вот столкнулся с такой проблемой что необходимо сделать скроллбар именно не активным т.к. при скрытии скроллбара сайт разъезжается. И в целом не вижу смысла делать всем элементам (боди и прочим стики элементам падинги).
Вот идеальный пример того что хочу это на сайте apple.com если кликнуть по поиску, то скроллбар как бы остаётся и из него только пропадает сам бегунок и получается аналогичный эффект как при overflow:hidden, но при этом сайт не дергается на эти самые 10/13/16 пикселей.
Попытался посмотреть как у них это реализовано, но понять не смог... Возможно js или еще как-то... В гугле искал ничего толкового не смог найти, все советы просто скрыть скроллбар и всё.

Ответ

добавьте в css:
html { overflow-y: scroll; }