Question

我正在创建一个导航栏，我想在向下滚动到不同的部分时更改其背景颜色。

getJSONArray()

jquery的

  <header class="topbar">

  </header>

  <section id="section1">
  </section>
  <section id="section2">
  </section>

请不要让我使用

   $(window).scroll(function () {

 var windows = $(window);
 var navigation = $('.topbar');

 if (windows.scrollTop() > 100) {
     navigation.css({
     'background-color':'#eee'
     });
 }
 if($('#section1').scrollTop() > 10)
 {
     navigation.css({
     'background-color':'#FF0000'
     });
 }
 if($('#section2').scrollTop() > 10)
 {
     navigation.css({
     'background-color':'#660066'
     });
 }
 else {
     navigation.css({
     'background-color':'#000'
     });
 }

 });

因为我正在开展一个大项目，需要更好的方法来解决这个问题。所以这对我未来的项目有所帮助

Answer 1

这个怎么样？的 DEMO

{{1}}

如需更高级版本，请参阅 here

如何使用jquery将导航背景颜色部分更改为部分

1 个答案: