jquery - .addclass 的平滑过渡以及将 scrollTop 设置为特定的 div？

Question

使用这个 jquery 代码，我已经实现了改变滚动导航栏背景颜色的预期效果。

jQuery(document).ready(function($) {
  $(window).scroll(function() {
    var scrollPos = $(window).scrollTop(),
        navbar = $('.acetrnt-stickynav-transparent');

    if (scrollPos > 800) {
  navbar.addClass('acetrnt-stickynav-color');
    } else {
  navbar.removeClass('acetrnt-stickynav-color');
    }
  });
});

但是有一件事我想不通。我要:

a: 是否有可能只有在到达某个 div 之后才启动 .addclass，在我的例子中，我的容器 div？

您可以在此处查看我的实时站点。 http://www.acetronaut.com/

Answer 1

为了平滑过渡，将 transition: background-color .3s ease; 添加到 .acetrnt-stickynav-transparent 并更改时间和缓动函数以符合您的口味.

要在 #container div 而不是任意 800px 标记处触发转换，请将 800 替换为 $('#container').offset().top你的代码。