Question

当它在黑色标题上方时，我正在尝试更改导航颜色。我已经做到了，但是页面没有在那种状态下加载。

您可以在此处看到它，导航栏左上角是否在顶部暗栏标题上方，从白色变为黑色。

http://www.pagedev.co.uk/clients/lotuslaser/

这是我的Jquery。

<script>
  var header = $('#nav_list'),
    blueSection = $('.full-header'),
    // Calculate when to change the color.
    offset = blueSection.offset().top + blueSection.height() - header.height();

  $(window).scroll(function() {
    var scroll = $(window).scrollTop();

    // Remove Class "dark" after scrolling over the dark section
    if (scroll >= offset) {
      header.removeClass('white-nav');
    } else {
      header.addClass('white-nav');
    }

    // Remove Class "no-shadows" whenever not on the top of the page.
    if (scroll >= 1) {
      header.removeClass('no-shadow');
    } else {
      header.addClass('no-shadow');
    }
  });
</script>

任何帮助都会很棒！

关于同一问题的另一个问题...我如何将另一个容器添加到混合中，以便当它在页面底部的黑色条上滚动时也可以变为白色。

谢谢。

李

Answer 1

我认为最好的方法是使用Midnight.js插件

在某个区域/部分上将类添加到div

1 个答案: