slideToggle with sticky nav

Question

我的实用程序和导航栏上方有一个促销区，可以通过单击实用工具栏中的链接，使用slideToggle显示和隐藏。

当用户向下滚动以使实用工具栏的顶部到达窗口顶部时，我希望促销区域切换到display: none和整个标题（促销，实用程序和主导航）有position: fixed。

我试图实现的粘性导航效果的

Here is an example，但这是否可以与使用幻灯片切换的元素结合使用？

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

Answer 1

你的意思是这样吗？

如果是这样，我将继续并实施处理用户一直滚动的用户

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');
    }
});

DEMO