Sticky Header – Scroll – CSS / jQuery

前端之家收集整理的这篇文章主要介绍了Sticky Header – Scroll – CSS / jQuery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想创建一个粘性标题.每当用户向下滚动并且原始标题消失时,“粘性”标题应该开始.

我目前使用这个:

$(function(){
    // Check the initial Poistion of the Sticky Header
    var stickyHeaderTop = $('#sticky').offset().top;
    $(window).scroll(function(){
        if( $(window).scrollTop() > stickyHeaderTop ) {
            //$('#sticky').css({position: 'fixed',top: '0px',float: 'right'});
            $('#sticky').addClass("sticky");
        } else {
            $('#sticky').removeClass("sticky");
        }
    });
});

虽然,当前用户只是在滚动时添加“粘性”类,而不是在原始标题消失时.

问候

最佳答案
用id =“whateveryouwannacallit”的div包裹他

并设置:

#whateveryouwannacalltit{
position:fixed;
top:0;
left: 0;
width:100%;
}

猜你在找的CSS相关文章