How to remove a horizontal scroll by holding the mouse wheel on a block that has the perspective property set? owerflow-x: hidden hides only the horizontal scrollbar, but the wheel can still go to the right.
Example:

aa08e27523264d14b47e44d872907b96.png

The site itself, if you want to try it yourself: instagram-promo.webflow.io

    1 answer 1

    With the help of javascript disable click wheel

     $(function() { $('div').mousedown(function(e) { if(e.which == 2){ return false; }; }); }); 
     div {width:150px;height:150px;overflow:hidden} 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr></div>

    • And you can track the movement with the wheel clamped to the right? And already turn it off? - Vyacheslav Yashnikov
    • @ VyacheslavYashnikov, look on the Internet. There are many pages explaining how wheel functions are implemented - Yuri
    • @ VyacheslavYashnikov, or ask one more question and I will answer it - Yuri