Как отключить скроллинг страницы?

Question

[liltrill]

Необходимо отключить скроллинг body, скролл бар должен присутствовать просто не работать, при повороте колесика мыши не должно ничего происходить, и при тач событиях, т.е в телефоне тоже скролл не должен работать.

Answer 1

[WapSter]

Как вариант

window.addEventListener('scroll', e => {
  window.scrollTo({top: 0})
})

UPD В хроме все норм, но в других браузерах дерганье. Так что надежнее при помощи css, но скролл бар пропадет

Answer 2

[bbquite]

https://learn.javascript.ru/onscroll#predotvrasche...

Answer 3

[liltrill]

Вообщем лучше чем скрыть скролл бар решения нет.
Чтобы было не так плохо, необходимо узнавать ширину скроллбара и при скрытии добавлять padding-right вместо скроллбара

Answer 4

[hzzzzl]

так просто overflow: hidden на body, не?
зачем тут яваскриптить

Comments

[liltrill]

Да, но эту нужно сделать внизу страницы, при событии,

скролл бар должен присутствовать просто не работать

такое без js нельзя сделать да и не не нужно, просто overflow: hidden и padding-right на desktop чтобы контент не прыгла.