Jquery 用粘性导航滑动切换

我的实用工具和导航栏上方有一个促销区域，可以通过单击实用工具栏中的链接，使用滑动切换来显示和隐藏该区域

当用户向下滚动以使实用程序栏顶部达到窗口顶部时，我希望促销区域切换到

显示：无

，并且整个标题（促销、实用程序和主导航）具有

位置：固定

我试图实现的粘性导航效果，但这是否可能与使用滑动切换的元素结合使用

---

注意：小灰框表示页眉中的徽标，大灰框表示页面内容。

您的意思是这样的吗

如果是这样的话，我将继续并实现处理一个一直滚动到备份的用户

var $utility = $('#utility'),
$promo = $('#promo'),
$nav = $('header');

$(window).on('scroll', function (ev) {
    var $windowTop = $(this).scrollTop(),
        $utilityTop = $utility.offset().top;

    if ($utilityTop <= $windowTop) {
        $nav.css('position', 'fixed');
        $promo.css('display', 'none');
    }
});

var$utility=$（“#utility”），
$promo=$（“#promo”），
$nav=$（'header'）；
$（窗口）。打开（'滚动'，功能（ev）{
var$windowTop=$（this）.scrollTop（），
$utilityTop=$utility.offset（）.top；
如果（$utilityTop）