固定頁腳水平切斷

我一直在試圖解決我正在處理的網站上的響應問題，並且我無法在此處或其他任何地方找到任何解決方案。主要問題是我的固定頁腳。在網站的着陸頁上，有一個標題，主要區域和頁腳（頁面在點擊箭頭時展開，但不相關）。固定頁腳水平切斷

我已經使用固定位置將頁腳附加到頁面的底部。當屏幕寬度> 1024像素時，頁眉，主要和頁腳寬度爲100％。在1024像素以下，頁眉和頁腳寬度變爲靜態（以1024爲靜態寬度）。

問題是，出現頁腳右側溢出的現象（因爲寬度變得固定）。我可以向右滾動查看標題中其餘的菜單，但頁腳不會滾動到右側。相反，它只是切斷通常在那裏的一切。

我試着在Codepen中重新創建相關代碼的問題：http://cdpn.io/iCJct但它與網站（位於此處：http://dev.longviewsources.com/）的作用不同。

謝謝你的幫助！

2013-08-21 Tim McClure

問題是頁腳與position: fixed相對於瀏覽器窗口而不是您的內容是固定的，所以當用戶滾動時，它會移動並且用戶永遠不會看到它。您可以使用position: absolute;將元素固定到相對於更加可控的主體的位置。從那裏，你可以使人體的身高100％，使用的容器與overflow: scroll;

我做了一個小提琴證明：http://jsfiddle.net/jaredkhan/ywrx2/2/

來源

2013-08-22 00:22:05

固定頁腳水平切斷

回答

相關問題