Подскажите, как можно реализовать scroll, где он отсутствует? Страница построена с помощью position absolute
и сколла нету... Но необходимо знать, когда пользователь крутит колесико и насколько сильно. Например, от скролла будут передвигаться блоки.
Событие window.onscroll
его не обрабатывает т.к. само окно остается неподвижным...
Заранее благодарю!
Вот пример! http://www.jandk.fr/
Нашел, как реализовать на mousewheel , Но все же - есть какие-то другие способы реализовать это? (Говорят, что скоро не будут поддерживать этот метод), да и не адаптивный он...+ на touch устройствах будет каша... Очень надеюсь на вашу помощь!
var elem = document.getElementById('container');
if (elem.addEventListener) {
if ('onwheel' in document) {
elem.addEventListener("wheel", onWheel);
} else if ('onmousewheel' in document) {
elem.addEventListener("mousewheel", onWheel);
} else {
elem.addEventListener("MozMousePixelScroll", onWheel);}
} else { // IE8-
elem.attachEvent("onmousewheel", onWheel);}
function onWheel(e) {
e = e || window.event;
var delta = e.deltaY || e.detail || e.wheelDelta;
var info = document.getElementById('delta');
info.innerHTML = +info.innerHTML + delta;
e.preventDefault ? e.preventDefault() : (e.returnValue = false);}
#container {
width: 200px;
height: 200px;
border: 1px solid black;
background: #0FF;
overflow: auto;}
Прокрутка: <span id="delta">0</span>
<div id="container">
Прокрути надо мной.
</div>