Catch on scroll when scroll is disabled with overflow: hidden

Question

I'd like to catch an event of scroll or touchmove with

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

But that event is not working. Because i've used overflow:hidden; How can i catch these events and use custom animation instead of classic scrolling.

May be this helps you http://stackoverflow.com/questions/18748042/detect-scrolling-attempts-in-overflowhidden-page — Ranjeet Singh, May 16 '16 at 11:47

score 1 · Accepted Answer · answered May 16 '16 at 11:43

1

Check this

$(document).on('scroll touchmove', function() {
  console.log('scroll working...');
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body style="min-height:1120px;"></body>

answered May 16 '16 at 11:43

Ranjeet Singh

924
5
11

Sorry, forgot to add that i've used overflow: hidden; on the body – Vlatko Murković May 16 '16 at 11:44
In order to work on scroll, you must have scroll on the page – Ranjeet Singh May 16 '16 at 11:44
Is it possible to catch mouse action like you could catch keypresses and then also a solution for touch movement – Vlatko Murković May 16 '16 at 11:48
I've managed to catch the event with $(document).on('mousewheel touchmove', function(){ Now only i have to catch which side did it go (up or down) for both events. – Vlatko Murković May 16 '16 at 11:53
check this for up, down mouse event http://stackoverflow.com/questions/19872409/best-way-to-catch-mouseup-outside-of-mousedown-element – Ranjeet Singh May 16 '16 at 11:57
much apreciation Ranjeet – Vlatko Murković May 16 '16 at 12:06
Thanks @Vlatko Murkovic. Happy coding :) – Ranjeet Singh May 16 '16 at 12:07

Catch on scroll when scroll is disabled with overflow: hidden

1 Answers1