我創建了一個額外的菜單欄(.secondnav),我想將它放在原始頁眉(#headAnnouncementWrapper)正下方的網站中。問題是,當滾動時,標題的高度在從相對位置變爲固定在頂部時以及在移動時變化。 我一直在試圖用這樣的: var scrolled = 78;
var headHeight = $('#headerAnnouncementWrapper').height()
我已經添加了一些簡單的動畫滾動到我的網站,但是在jQuery中有一個小小的怪癖。我slideDown()一個.nav-fixed導航欄,每當網站的窗口頂部是從網站的頂部導航靜態.nav。一切都很好,除非當你點擊任何鏈接(我假設任何鏈接與jQuery onClick動畫滾動功能).nav-fixed暫時隱藏,並在網站滾動後再次顯示。我是控制檯日誌記錄Should hide the nav,只要頂部靜
我想在頁面頂部有一個固定導航欄的網站上使用視差效果。由於視差效果處理溢出的方式,滾動條似乎位於頁面頂部的固定導航欄下方。我有一個fiddle to demonstrate this。 我曾嘗試將固定導航欄div放入視差容器內。這會移動滾動條下方的導航欄,但也會導致導航欄不固定到頁面的頂部。 這是到目前爲止我的代碼... HTML <div class="navbar">NavBar</div>
這是例子:https://jsfiddle.net/5ahw3tec/ HTML html body {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;