2013-11-03 54 views
2

我一直在與我正在開發的網站有一噸的問題。即使下載,以減緩頁面加載等。但我遇到的最大問題是固定位置元素的行爲。職位:固定導航不會保持固定

首先,導航應該始終保持固定,但它不會。但是,如果在滾動時重新加載,它會出現在頁面的中間。很奇怪。

Live site here

的所有的背景二是應該保持未定事實並非如此。

導航代碼

<div class="navwrapper"> 
    <nav id="top"> 
     <div class="wrapper"> 
      <ul> 
       <li><a href="#project" class="scroll">The Project</a></li> 
       <li><a href="#makers" class="scroll">The Makers</a></li> 
       <li><a href="#markets" class="scroll">The Markets</a></li> 
       <li><a href="#workshops" class="scroll">The Workshops</a></li> 
       <li><a href="#shop" class="scroll">The Shop</a></li> 
       <li><a href="#getinvolved" class="scroll">Get involved</a></li> 
      </ul> 
    </div></nav> 
    <span class="navshadow"></span> 
</div> 

CSS

.navwrapper{position:fixed;width: 100%;top: 0;} 
+1

請添加有意義的代碼和問題描述在這裏。請不要將 鏈接到需要修復的網站 - 否則,一旦問題得到解決,此問題將會丟失未來訪問者的任何價值 。發佈 [簡短,獨立,正確的示例(SSCCE)](http://www.sscce.org/) ,這表明您的問題將幫助您獲得更好的答案。有關更多信息,請參閱 [我的網站上的某些內容不起作用。我可以只粘貼一個鏈接到 它嗎?](http://meta.stackexchange.com/questions/125997/)謝謝! – j08691

+0

嗯,不知道是什麼導致這種情況,但是當你從'.label'中刪除'z-index:-1'時,一切正常。 (在你的'.navwrapper'中添加'z-index',所以一切看起來都一樣)。 – darthmaim

+0

@darthmaim謝謝,奇怪的是。似乎應該像以前一樣工作,但您的解決方案仍然有效! – Francesca

回答