滚动网站-当滚动部分通过时，我希望导航div更改颜色

Question

我没有使用任何框架。 每次滚动页面上的某个部分时，如何使导航div更改颜色？

这是我的网页： http : //www.noteid.com/scl

如您所见，左侧有导航栏， position: fixed; 。 如何使用Javascript执行此操作？

Answer 1

您需要使用滚动事件。

window.onscroll = function() {
    var element = document.getElementById('testDiv');
    if (window.pageYOffset > 400 && window.pageYOffset < 800) 
        element.style.backgroundColor = 'blue';
};

这使用pageYOffset属性设置background属性。

http://jsfiddle.net/N82fS/9/

Answer 2

我会用Bootstrap的ScrollSpy来做这样的事情。

http://getbootstrap.com/javascript/#scrollspy