Question

I have taken this code from somewhere and adapted it. I have managed to scroll 400px to the left. But I would like it to scroll left every time I click on the link. The script I am using is:

$('.masternav a').bind('click',function(event){
  var $anchor = $(this);
  $('html, body ').stop().animate({
  scrollLeft: (400)}, 1000);
  event.preventDefault();
});

Can someone help?

Answer 1

You probably want this :

$('.masternav a').bind('click',function(event){
            var $anchor = $(this);
            $('html, body ').stop().animate({
                scrollLeft: '+=40'}, 1000);
            event.preventDefault();
        });

This will scroll 40 px each time you click.