我有一個固定的工具欄,在我的頁面頂部有一個黑色背景色,代碼如下。向下滾動時動畫工具欄的背景顏色
/*html*/
<div class="floating-header-div">
<md-toolbar>
<a>Login</a>
</md-toolbar>
</div>
/*css*/
.floating-header-div {
position: fixed;
z-index: 999;
width: 100%;
}
md-toolbar {
background-color : rgb(55,58,60);
}
我想實現的是工具欄透明背景顏色開始起飛時,頁面不滾動。 (所以我只看到登錄鏈接)
隨着用戶向下滾動更多(過去某個部分),出現工具欄的背景顏色。最好是動畫。
我該如何做到這一點。我使用的是Angular 2,所以最好不要使用文檔或jQuery文件。請使用文檔或jquery
偉大的解決方案。謝謝。如果您或任何人有興趣,我也從這個網站找到了這個解決方案。 http://www.route2it.com/uncategorized/creating-an-animated-header-with-angular-2/ – ErnieKev
謝謝分享:)指令看起來不錯:) –