Как запретить скролл?

Question

[Денис Букреев]

Стоит задача: прекратить скролл страницы при прокручивании содержимого в диве. Чтобы не скроллилась страница после полной прокрутки содержимого в диве.

Вот такая структура получается у меня: codepen.io/anon/pen/zvyMVZ
И скрипт там же. Но не работает, и я понимаю почему - потому что надо картинку запихать между .wrap и .port, чтобы скролл отслеживался именно у второго.

Спрятать картинку получается только при добавлении для .wrap position:fixed, но это борода полная

Как поправить скрипт, чтобы без изменения стилей работал скролл?
Спасиб

Answer 1

[Денис]

var wheelEvt = (/Firefox/i.test(navigator.userAgent)) ? 'DOMMouseScroll' : 'mousewheel';
document.querySelector('.port').addEventListener(wheelEvt, function (e) {
    var evt = e.originalEvent ? e.originalEvent : e,
        delta = evt.detail ? -evt.detail : evt.wheelDelta;
    this.scrollTop += (delta < 0 ? 1 : -1) * 40;
    e.preventDefault();
}, false);

Пример в песочнице

Comments

[Денис Букреев]

супер
спасибо)

вопрос: почему, когда есть два таких дива со скролл-контентом, то работает только на первом?

[Денис]

Денис Букреев обработчик события устанавливается для каждого элемента отдельно. codepen.io/anon/pen/RWvYdO

[Денис Букреев]

Денис: спасибо