Javascript scroll navigation

Question

I hope someone can help me. Here is my project: http://jsfiddle.net/oz7bgL5v/8/

adjustNav: function(self, $parent) {
    self.$elem.find('.' + self.config.currentClass).removeClass(self.config.currentClass);
    $(".next").click();
    $parent.addClass(self.config.currentClass);                     
}

This works when scrolling down but not when scrolling up.

I just need to go back in pagination navigation (click "previous" button) when scrolling up (You intuitively can understand what I mean when you see my project.)

concrete_d · Accepted Answer · 2015-05-17 16:43:29Z

1

To detect going to 'previous' when scrolling up you need to keep track of the previous scroll location when you handle scrolling. Please see how I did it in this fiddle: http://jsfiddle.net/x74w3tcs/

Then your adjustNav function can look like this:

adjustNav: function(self, $parent, direction) {
    self.$elem.find('.' + self.config.currentClass).removeClass(self.config.currentClass);

    $parent.addClass(self.config.currentClass); 

    if (direction === 'up') {
        $(".prev").click();
    }   
    else {
        $(".next").click();
    }
},

edited May 17, 2015 at 16:43

answered May 17, 2015 at 15:51

concrete_d

3702 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Arriba Over a year ago

Thank you for your time. You have done me a great help. Thank you

concrete_d Over a year ago

You're welcome :) In your original code, the scroll event handler was just setting a flag which was checked later to call a function that adjusts the nav, when you can just call the function from the event handler (I changed this in my fiddle). Also there is probably a better way to handle checking if document height changes than setting an interval to check every 250ms; maybe .resize() will do what you want? api.jquery.com/resize

Arriba Over a year ago

"Vote Up requires 15 reputation" :( Was trying from start.

concrete_d Over a year ago

Ah, you can click the check mark under the up/down arrows to accept the answer. Up vote is a different thing :)

Collectives™ on Stack Overflow

Javascript scroll navigation

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related