我可以讓我的固定標題滾動，可摺疊標題不再顯示在頁面上嗎？

Question

我們都已經看到了可摺疊頭部現在很多天。我非常喜歡它爲頁面帶來的效果，它給了更多的部門。 我想實現這個部分效果，但我並不需要固定頭部的功能。

現在我已經看到可摺疊標題完成了，只要可摺疊標題離開頁面，固定標題就會變小。 可摺疊標題離開頁面的那一刻，是否有可能使固定標題不再固定？並使其與其餘內容一起滾動頁面？

Answer 1

我已經嘗試過了，我希望這是你想要的。點擊下面演示的鏈接..

Demo

這是HTML

<div id="headerSlideContainer"> 

    <div id="headerSlideContent"> 

     Header content goes here! 

    </div> 
    <div id="new"> 
     Other Contents 
    </div> 

</div> 

ñ在這裏不用CSS ...

#headerSlideContainer { 
    position: absolute; 

    top:0px; 
    width: 100%; 

    height:1000px; 
    background: black; 
} 
#headerSlideContent { 
    width: 900px; 
    height: 50px; 
    margin: 0 auto; 
    color: white; 
    background:Red; 
    z-index:10000; 
    position:fixed; 
} 

#new{ 
    top:60px; 
    z-index:2; 
    height:100px; 
    background:Orange; 
    position:absolute; 
    color: white; 

} 

n這是Javascript ..

$(function() { 

    var bar = $('#headerSlideContainer'); 
    var top = bar.css('top'); 
    $(window).scroll(function() { 

     if($(this).scrollTop() > 50) { 
      bar.stop().animate({'top' : '5px'}, 500); 
     } else { 
      bar.stop().animate({'top' : top}, 500); 
     } 
    }); 
});