如何保持頭部固定並仍然滾動？

我需要我的標題和邊欄保持原位，但我也需要在頁面上向下滾動。我正在使用固定位置，是否有另一種方法來做到這一點？如何保持頭部固定並仍然滾動？

來源

2013-04-26 Jasmine Lawson

顯示你的代碼，請:) – zey 2013-04-26 03:47:48

它不會離開我，這是我第一次這個網站上：|對不起，我很困惑。 – 2013-04-26 03:54:56

您可以將您的內容放入iframe中，並且標題和邊欄可以位於頂部。通過這種方式。您可以爲iframe元素設置溢出。可能這可以幫助你滿足你的要求

來源

2013-04-26 03:50:59

將此position:fixed;添加到你想要保留的零件樣式中！

或者

參考this鏈接！

來源

2013-04-26 03:57:26 zey

我做到了，但它不會讓我在頁面上向下滾動。 p { font-family：century哥特式; font-size：20px; margin-left：14％; } div { \t border-radius：5px; } #dw { \t position：relative; \t margin-left：-40％; } #header { \t float：top; \t z-index：1; \t職位：固定; \t寬度：98.8％; \t margin-top：-20px; \t height：70px; \t background-color：＃f93986; \t margin-bottom：10px; } – 2013-04-26 04:00:55

我編輯了我的答案，引用它。可能有用:) – zey 2013-04-26 04:12:25

它看起來像你的問題是在你的HTML，而不是你的CSS。 <body>標籤應該包含您的所有內容。別忘了關閉你的<div></div>。我也將你的身體背景移入CSS，儘量避免使用內聯樣式，除非你真的需要。

<head> 
    <Title>About Me!</title> 
    <link type="text/css" rel="stylesheet" href="aboutme.css" /> 
</head> 

<body> 
    <div id="header"></div> 
    <div class="left"></div> 
</body> 

</html>

Updated Working Example

來源

2013-04-26 03:59:33 apaul

#header { \t float：top; \t z-index：1; \t職位：固定; \t寬度：98.8％; \t margin-top：-20px; \t height：70px; \t background-color：＃f93986; \t margin-bottom：10px; }如果我將固定位置關閉，我可以滾動，並且我的側邊欄固定，但是當我放回時，我無法滾動。 – 2013-04-26 04:08:58

@JasmineLawson你可以把相關的代碼放入[jsFiddle]（http://jsfiddle.net）如果我們能看到我們正在處理的內容，那麼每個人都可以更容易地提供幫助。 – apaul 2013-04-26 04:17:48

@JasmineLawson你也可以編輯你的問題並在其中包含代碼。點擊帶括號的按鈕 - >「{}」，它會給你一個突出顯示的框來粘貼代碼。 – apaul 2013-04-26 04:21:53

如何保持頭部固定並仍然滾動？

回答

相關問題