Как сделать Scroll только в блоке?

Question

[litash]

Суть в том, когда мы прокручивает до конца блока или в начало блока (div) и после этого скроллим ЕЩЁ то у нас начинает прокручиваться весь сайт. Можно ли как то запретить прокрутку всего сайта если мы находится в области (DIV) а сделать её только в блоке?
overflow-y: hidden; для html в CSS не подойдет, потому как если мы не в div то должен срабатывать скролл для сайта.

https://codepen.io/litash/pen/GyNLOd - пример.

Answer 1

[fl3nkey]

Отлавливайте событие mousewheel.
Решение: https://jsfiddle.net/FL3N/wxnhn8fe/

Comments

[andrey balabolkin]

как бы получить его а то ссылка не открывается :((

Answer 2

[Павел Корнилов]

Знаю, что не 100%, но допиливать нужно в этом направлении:
https://codepen.io/anon/pen/NXbmoV

Comments

[ой всё]

так вы просто скрол страницы отключили

[Павел Корнилов]

ой всё, ну да, а контейнер скроллится. В этом и вопрос был.

[ой всё]

KorniloFF, не в этом

добавьте перед контейнером несколько строк текста, и контейнера вы никогда не увидите :)

[Павел Корнилов]

ой всё, согласен.
Похоже, верный ответ у fl3nkey, ему +1.

[Dima Polos]

Можно подписаться на событие скролла самого блока, с помощью scrollTop, clientHeight и прочего отследить момент, когда мы в начале или конце блока, а потом прописать e.preventDefault, и в таком случае отключим дальнейший скролл.

[Павел Корнилов]

Dima Polos, да, можно и по mouseover над нужным блоком отключать window.scroll - так даже проще будет и юзабельнее.

[Павел Корнилов]

Например, как-то так, но почему-то в кодпене не хочет корректно работать.