Скрол в глубину

Question

Подскажите плз есть ли какой либо способ сделать скрол не по у координатах а по z и при етом не использовать канвас? проблема в том что если нету полос прокрутки то и ивент onscroll не вызывается и соответственно я не могу ничего делать, а именно хочу делать зум елементам на странице.

Answer 1

Да, ребята из коментов правы, скрол ивент только по факту а за wheel я совсем забыл он же срабатывает на прокрутку колеса мышки.

Answer 2

Можно использовать событие wheel

var zoom = 1;
$(document).ready(function(){
    $('.zoom').bind('mousewheel', function(e){
        if(e.originalEvent.wheelDelta /120 > 0) {
            zoom += 0.1;
        } else {
            zoom -= 0.1;
        }
        $(this).css('transform', 'scale('+ zoom +')');
    });
});

.zoom {
 width: 200px;
 height: 200px;
 background-color: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<div class="zoom"></div>

Answer 3

Вот Вам пример

let box = document.querySelector('div')

window.addEventListener('wheel', evt => {
  if (Math.sign(evt.deltaY) === 1) {
    box.style.transform = `scale(${+box.style.transform.replace(/[^0-9]/g,'') - 1})`
  } else {
    box.style.transform = `scale(${+box.style.transform.replace(/[^0-9]/g,'') + 1})`
  }
})

div {
  width: 300px;
  height: 300px;
  background: green;
}

<div style="transform: scale(1)"></div>

БЛОГ НА HUSL

Скрол в глубину

Ответы (3 шт):