Как получить событие scroll при overflow hidden?

Question

[Андрей]

Здравствуйте. Есть ли возможность отследить событие скроллинга при свойстве overflow hidden?
Допустим скроллинг div элемента, для придания кастомных свойств при скроллинге.

Заранее благодарен.

Решение:

var elem = document.getElementById("map");
if (elem.addEventListener) {
  if ('onwheel' in document) {
    // IE9+, FF17+, Ch31+
    elem.addEventListener("wheel", onWheel);
  } else if ('onmousewheel' in document) {
    // устаревший вариант события
    elem.addEventListener("mousewheel", onWheel);
  } else {
    // Firefox < 17
    elem.addEventListener("MozMousePixelScroll", onWheel);
  }
} else { // IE8-
  elem.attachEvent("onmousewheel", onWheel);
}

function onWheel(e) {
  e = e || window.event;

  // wheelDelta не дает возможность узнать количество пикселей
  var delta = e.deltaY || e.detail || e.wheelDelta;

  var info = document.getElementById('delta');

// Здесь уже пишем код для работы со скролом

  e.preventDefault ? e.preventDefault() : (e.returnValue = false);
}

Comments

[Lynn «Кофеман»]

А что у вас скроллится при overflow:hidden?

Answer 1

[iBird Rose]

$('div').on('scroll', function() {
			
});

Comments

[Андрей Кварцов]

Не сработает, если overflow: hidden у блока. Нужно вот так:

$('#scrollbox').on('mousewheel', function() {
  console.log('Scroll');
});