I have some code where the mousewheel is bound to the document and it is changing the rotation of an element.
But as I scroll it feels very mechanic and not like the standard scroll behavior. Is there a way to make this mousewheel event smoother?
Thanks for any help! :)
var counter = 0;
$(document).bind("mousewheel",function(event){
if(event.originalEvent.wheelDelta > 0){
counter -= 1;
console.log(counter);
$(".outer_box").css({"transform":"perspective(1000px) rotateX("+counter+"deg)"})
}else{
counter += 1;
console.log(counter);
$(".outer_box").css({"transform":"perspective(1000px) rotateX("+counter+"deg)"})
}