位置：固定在我的導航欄中斷滾動

我有一個請求讓我們的移動webapps導航欄保持固定。這應該是如此簡單，但一旦我設定位置：固定在包裝它的所有地獄打破的div。位置：固定在我的導航欄中斷滾動

首先所有其他元素現在被推高並重疊。我得到並可以使用。最大的問題是現在滾動不起作用。我可以點擊鼠標滾動按鈕來獲得「拖動滾動」，但旋轉輪子在最新的鉻版，即10和Safari瀏覽器中什麼也不做。這是一款移動應用程序，因此它們不會最有可能使用鼠標，但它也會使設備上的滾動非常波動。有趣的是，即將中間按鈕點擊解釋爲鼠標左鍵點擊。

我發現一個問題，提到固定不會工作，如果有變換。這固定實際上是固定的，而不是絕對的，但我仍然遇到上述問題。

CSS

#header { 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    text-align:center; 
    height: 40px; 
    background: black; 
}

HTML

<div id="header"> 
    <table class="head"> 
    <tr> 
     <td class="hleft" id="logout" onclick="javascript: window.history.back();"></td> 
     <td class="comm">Community</td> 
     <td><asp:TextBox ID="searchbox" CssClass="k-textbox searchSmall" runat="server" OnTextChanged="searchbox_TextChanged"></asp:TextBox></td> 
    </tr> 
    </table> 
</div>

編輯：我只使用表，因爲我遇到了麻煩中心的文本正確截斷，並正確的長度，繼續前進，併爲下下一個單元格，仍然在做這個順便說一句。這些表格並不是必需的，我實際上更喜歡做標準樣式的列表菜單，但我嘗試過並且無法讓它表現出來。

來源

2013-10-18 John S

發佈你的'＃wrap'CSS請 –

@HC_沒有#wrap我提到的包裝是div＃header –

小提琴如何展示你的問題？ – Terry

你沒有發佈你的代碼的其餘部分，但對我來說似乎很好。這裏有一個例子：http://jsfiddle.net/t3uxS/

你是否在包裝中保留了固定的頂部欄和剩餘的頁面內容？

編輯

添加更多的內容（等等等等等等的），以<div class="content">看到滾動（如果需要）。

它只會像這樣的工作：

<div id="header"> 
</div> 
<div class="content"> 
</div>

來源

2013-10-18 16:15:24

我想我是。我會嘗試打破它，看看是否有效。我不知道form標籤是否影響這個，因爲這是一個ASP.NET項目（而不是MVC），我也可能有一些樣式。 –

你的代碼看起來正確的對我來說，它看起來像你忘了一個＃添加到您的CSS所以不是頭{}這將是＃ header {}因爲它是一個div id而不是標題標籤

來源

2013-10-18 16:20:27

謝謝，但是當我複製粘貼時，SO必須刪除它，我錯過了它。 –

該問題可能與您網站上的其他標籤有關。將標題位置設置爲固定會將該部分拉出普通頁面流，另一標籤部分將填充其周圍的空間。我們能否看到你的代碼和css的其餘部分？

來源

2014-03-14 14:11:32 Hoytman

位置：固定在我的導航欄中斷滾動

回答

相關問題