jQuery - Stop listening for scroll down

Question

So I am using this code to perform tasks when the user scrolls:

function myFunction(){
var position = $(window).scrollTop();

$(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if(scroll > position) {
         // scrolling downwards
         hypeDocument.showSceneNamed('Section 2', hypeDocument.kSceneTransitionCrossfade, 1.1);
    }
    position = scroll;
});

return false;
}

But I would like to prevent down scrolling on one page. Is there anyway I can do this whilst allowing the scroll on the other pages? I tried using $(window).off("scroll"); but that blocks scrolling in both directions.

Related: http://stackoverflow.com/questions/7154967/jquery-detect-scrolldown — m90, Jul 05 '15 at 13:33
http://stackoverflow.com/questions/9817158/how-do-i-prevent-scroll-down-in-javascript — metamorph_online, Jul 05 '15 at 13:34
@AmirGeri I am using an HTML5 animation software which uses 'scenes' see the special syntax `hypeDocument.showSceneNamed` etc. basically i want to run a script on the load of a scene to prevent detection of downward scroll. — dwinnbrown, Jul 05 '15 at 13:35
@metamorph_online I've just had a look there but that seems to be for when the down arrow is pressed. Not just in general. — dwinnbrown, Jul 05 '15 at 13:39
@m90 That basically does what I already have, it prints when they scroll down and when they scroll up. I need to prevent the down scroll — dwinnbrown, Jul 05 '15 at 13:40

score 0 · Answer 1 · answered Jul 05 '15 at 13:43

0

This will completely disable scrolling:

$('html, body').css({
    'overflow': 'hidden',
    'height': '100%'
});

To restore:

$('html, body').css({
    'overflow': 'auto',
    'height': 'auto'
});

answered Jul 05 '15 at 13:43

Ducky

184
15

1

as I understood the top scroll is used by user to trigger some actions... so this is not the right solution. – metamorph_online Jul 05 '15 at 13:45
I need to block downward only. – dwinnbrown Jul 05 '15 at 13:55

score 0 · Answer 2 · answered Jul 05 '15 at 14:02

0

If you only wish to prevent scrolling in the vertical direction (up and down), you can set the scroll in that direction to hidden:

overflow-y: hidden

You could trigger that effect with jQuery using:

$('body').css('overflow-y','hidden');

answered Jul 05 '15 at 14:02

Carl K

974
7
18

I only want to prevent scrolling down. I want to allow scrolling up. – dwinnbrown Jul 05 '15 at 14:20

jQuery - Stop listening for scroll down

2 Answers2