menu background change color on scroll

Question

What I am trying to do is fade the background of my menu from transparent to light grey when the user reaches the next section of the site. I\'ve searched high and low for a

Answer 1

Binding the scroll to the window is a bad idea.

If you want to trigger a change on each section of the website have a look at jquery waypoints

http://imakewebthings.com/jquery-waypoints/

    $('.section').waypoint({handler: function() {
            $('.menu').css('background', '#ff3366');
        },
        offset: '50%'
    });

Hope this helps.