滾動網站-當滾動部分通過時，我希望導航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