var $current, flag = false; 

$(function() {          
    $('body').mousewheel(function(event, delta) {
        if (flag) { return false; }
        $current = $('div.current');
        
        console.log(delta);
        console.log($current);
                
        if (delta > 0) {
            $prev = $current.prev();
            
            if ($prev.length) {
                flag = true;
                $('body').scrollTo($prev, 1000, {
                    onAfter : function(){
                        flag = false;
                    }
                });
                $current.removeClass('current');
                $prev.addClass('current');
            }
        } else {
            $next = $current.next();
            
            if ($next.length) {
                flag = true;
                $('body').scrollTo($next, 1000, {
                    onAfter : function(){
                        flag = false;
                    }
                });
                $current.removeClass('current');
                $next.addClass('current');
            }
        }
                                         
        event.preventDefault();
    });
});​

Hey guys. I love this page and all your support.

Im new at this and I never get to make it work on my pc. What am I doing wrong? I copy every part of the code in its tags, in the head or where it should. But it still doesn't work. Am I missing something?

Please HELP! Thanks

Mau

Yes @pcmac627 I actually did. Not working thow.

@yabadabadoo The order of script loading is incorrect. Load jQuery first:

  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="jquery.nav.min.js"></script>
  <script type="text/javascript" src="jquery.scrollTo.js"></script>

Ok so to complete the idea now I tried to do the same with the combined example and I don't get the mousewheel effect. Thanks again!

Test for scroll combined

By the way: is there a way to change what you see in the URL bar at the time you navegate the sections? Like when you get to the section 3 the URL says www. example. net/Section3

Here is an updated demo created because Github no longer allows linking to raw.github.com files (the browser sees the files as text instead of js or css type files).