導航欄和幻燈片裏面的標題Ionic 2

Question

我想讓我的標題內容是一張幻燈片，當我向下滾動屏幕時，隱藏和我的導航欄現在是頂部現在像gif。 我需要一些東西來啓動這個想法，我感謝你的幫助。謝謝。

Answer 1

這tutorial由Josh Morony應該讓你開始！玩得開心！

Answer 2

I hope this will help you. 

<header> 
    <div class="header-banner"> 
</div> 

<nav> 
<ul> 
    <li><a href="#">$4,456-5,778 your text</a></li> 
</ul> 
</nav> 
</header> 
<section class="content"> 
    <p>Here add huge dummy content to check scroll position.</p> 
</section> 



header { 
height:360px; 
} 
.header-banner { 
background-color: red; 
width: 100%; 
height: 300px; 
} 
.fixed-header { 
    position: fixed; 
    top:0; left:0; 
    width: 100%; 
    } 
    nav { 
    width:100%; 
    height:60px; 
    background: #292f36; 
    postion:fixed; 
    z-index:10; 
    } 
    nav ul { 
    list-style-type: none; 
    margin: 0 auto; 
    padding-left:0; 
    text-align:right; 
    width: 960px; 
    max-width: 100%; 
    } 
    nav ul li { 
    display: inline-block; 
    line-height: 60px; 
    margin-left: 10px; 
    } 
    nav ul li a { 
    text-decoration: none; 
    color: #a9abae; 
    } 


    $(window).scroll(function(){ 
if ($(window).scrollTop() >= 300) { 
    $('nav').addClass('fixed-header'); 
} 
else { 
    $('nav').removeClass('fixed-header'); 
} 
});