向上滚动时删除粘滞标题

时间:2016-10-25 15:49:13

标签: jquery sticky

我正在使用此sticky header插件。当用户向下滚动800px时,代码会触发,我想在用户向上滚动时删除粘性标题效果,并且从顶部开始是800px,现在它只会在页面滚动到顶部时删除效果。

这是触发插件的代码:

$('#header-middle').stickMe({
    topOffset: 800
});

以下代码是使用按钮切换标题内容的自定义代码:

$(window).on('scroll', function() {
    if( $("#header-middle.primary").hasClass('sticking')) { 
        $('#header-middle.primary #header-main #header-search-form, #header-middle.primary #header-aside').hide();
        if(!visible) {
               $('body').find('#product-overview .process-button-group').clone().appendTo('#header-middle.primary #header-main');
            visible = true;
            }
    } else {
        $('#header-middle.primary #header-main #header-search-form, #header-middle.primary #header-aside').show();
        if(visible)  {
                $('#header-middle.primary').find('.process-button-group').remove();
                visible = false;
        } 
    }
});

0 个答案:

没有答案