我現在有在我的角度的應用程序(2+)以下代碼:製作導航欄滑入視圖從頂部
.header {
background: rgba(white, 0);
&.fixed-top {
background: rgba(white, 1);
border-bottom: solid whitesmoke 1px;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
}
<nav class="navbar navbar-toggleable-sm header" [class.fixed-top]="stickyHeader" (scroll)="scrollHandler()">...</nav>
的handleScroll()
函數簡單地設置stickyHeader
到true
用戶後滾動「足夠」的像素,所以標題菜單變得粘滯。那就是:
stickyHeader = false;
@HostListener('window:scroll', [])
scrollHandler() {
this.stickyHeader = window.scrollY > 90;
}
我的問題是:我怎麼能作出這樣的菜單出現滑動(動畫)從上,彷彿從瀏覽器上方的後裔?
爲什麼不加'的scrollHandler()'的內容,並創建一個工作的例子嗎? –
當然,我只是認爲這與我的問題無關;但會做。 – Sammy