獲取overflow-y：滾動以固定位置工作html和css

我有一個Jquery工具可滾動的設置爲固定在瀏覽器窗口底部。獲取overflow-y：滾動以固定位置工作html和css

我想要發生的一切是當瀏覽器小於700px時，頁面能夠垂直滾動。（所以沒有內容被隱藏，因爲它的所有固定的地方）。這感覺應該很簡單，但它會讓我頭痛不已。 js解決方案在這一點上很好。

在此先感謝。

http://www.vagabondbrigade.com/staging/berns/

來源

2010-06-14 Vagabond_King

你在問什麼，你的問題是什麼，你的受到的影響是什麼？你有一個我們可以看到的現場例子嗎？我知道你很沮喪，但我們需要一些更精確的細節，而不是一堆代碼和一個模糊的解釋。幫助我們來幫助你:) – Kyle 2010-06-14 08:16:51

如果你指的是正在被在頁面的頂部切斷內容，我建議把頂部和底部邊緣你的CSS網頁上的正確元素來利用自己的定位。

您可以對頁面的主要結構做一個固定的高度或寬度，然後對要定位的其他元素進行相應的定位。

例如：

/* * HTML/

<div id="main_structure"> 
    <div id="content"> 
     blah blah blah 
    </div> 
</div>

/* CSS */

#main_structure {width:100%; height:700px; margin:20px 20px 20px 20px; padding:20px;} 
#content {width:200px; height:200px; padding:10px; margin:20px;}

來源

2010-06-14 21:34:19 LightningWrist

我剛剛意識到我沒有回答你所有的問題。如果你想滾動到只添加溢出：自動在適當的css元素與最小高度700px – LightningWrist 2010-06-14 21:38:49

與Firebux您的網頁上（即您所提供的鏈接）播放，我已經在div.floor_items添加了屬性溢出：auto;並且問題已修復;）

內容大於我的測試屏幕分辨率，內容並非全部可見，但隨着該更改，滾動條出現並允許我滾動並查看「關閉屏幕「內容！

這是您的解決方案，如果那是您的問題！

來源

2010-06-14 21:43:37 Zuul

我發現添加溢出：自動div.floor_items添加滾動條，但它添加一個空的滾動條，你可以實際上不會滾動。我正在檢查Firefox和Safari瀏覽器。 – 2010-06-15 15:11:42

Wend我一直在測試，滾動條只出現在分辨率低於顯示整個內容所需的分辨率時......如果我正確記住您的代碼，網站結構非常奇怪，我並沒有想象大局，很難解決你的問題！你不能在你的開發頁面放置額外的內容嗎？提供更多幫助會更容易！ – Zuul 2010-06-15 15:30:53

您是否嘗試過使用CSS媒體查詢要麼通過添加overflow-y：滾動到html或您的包含元素？ http://www.w3.org/TR/css3-mediaqueries/

@media screen and (max-height: 700px) { 
     #your_element_to_scroll {overflow-y: scroll;} 
}

這將無法工作在IE瀏覽器的舊版本。

來源

2011-11-21 05:28:32 rqmedes

獲取overflow-y：滾動以固定位置工作html和css

回答

相關問題