Manipulating the page scroll

Asked Aug 26 '13 at 10:26

Active Aug 26 '13 at 10:48

Viewed 55 times

I want to be able to move the user between div elements depending on if the user scrolled up or down (to see the effect, checkout )

My initial code is;

var lastScrollTop = 0;
$(window).scroll(function(event){
    var st = $(this).scrollTop();
    if (st > lastScrollTop){
        $('html, body').animate({ scrollTop: 1000 }, 'slow');
        return false;
    } else {
        $('html, body').animate({ scrollTop: 0 }, 'slow');
        return false;
    }
    lastScrollTop = st;
    return false;
});

I have yet to put in the code to move to next sequential DIV, but the problem I have is once the scroll up or down has been triggered I can't escape it to capture the next scroll event.

Any help with breaking out of the event would be appreciated.

asked Aug 26 '13 at 10:26

user1988149

What are you trying to do? – putvande Aug 26 '13 at 11:05
I'm trying to detect a user scrolling and then instead of free flow scroll I want it to take the user to the next Div instead – user1988149 Aug 26 '13 at 12:12
Opps, I forgot to include the example link http://beoplay.com/Products/BeoplayH6 – user1988149 Aug 26 '13 at 12:15
Possible duplicate of [Treating each div as a "page" when scrolling](http://stackoverflow.com/questions/12849439/treating-each-div-as-a-page-when-scrolling) – BSMP Feb 25 '16 at 15:18

Manipulating the page scroll

0 Answers0