Overflow hidden для body, как не прыгать в шапку сайта?

Question

[Ainur Shakirov]

Чтобы сзади модального окна не скроллилось, задаю для body overflow hidden, но в таком случае пользователя кидает на самый вверх.

Можно ли как то скрыть скроллбары(отключит их) но при этом оставить пользователя в текущем положении относительно контента? Можно ли вообще как то двигать (на js) видимую область при overflow hidden?

Comments

[Otrivin]

Я понял о чём ты, была та же проблема. Попробуй задавать на уровень выше, к html.
Ты прижимал футер к низу экрана через позишн:абсолют?

[Ainur Shakirov]

Да, помогло, но теперь еще проблема. Сайт "прыгает" так как скролл бар исчезает...

[Otrivin]

Ainur Shakirov, куда прыгает, влево-вправо?

Answer 1

[Сергей delphinpro]

Само по себе это свойство не перебросит страницу
https://codepen.io/anon/pen/VBrjLv

Переброс у вас из-за других стилей или скриптов. Выясните, что его вызывает и устраните проблему.

Можно ли вообще как то двигать (на js) видимую область при overflow hidden?

Это тоже можно. Управляется скроллом элемента, конкретнее свойство scrollTop/scrollLeft

Comments

[Ainur Shakirov]

Разобрался, спасибо. Но возникла еще другая проблема. Сайт "прыгает" так как скролл бар исчезает...

[Сергей delphinpro]

Ainur Shakirov, стандартное решение - добавлять и убирать правый марджин у боди величиной с ширину полосы прокрутки. как узнать ширину сроллбара, легко гуглится.