sticky-footer

    2熱度

    3回答

    我想在頁面底部顯示頁腳相對於內容區域的頁腳。所以它應該適應如果我的瀏覽器更小或更大,直到內容區停止。 我試圖按照this link,但我似乎無法讓它在我的網站上工作。 我加入了PUSH格在我的內容區域的底部 我設置正確的高度和調整的CSS 我的頁腳仍然顯示我的屏幕,也混亂的一半標題。賣給我Wordpress主題的人不願幫助我... 如果任何人都可以指導我在正確的方向,這將是一個很大的幫助!

    0熱度

    1回答

    您好,我的引導頁腳有問題。 我添加了這個確定,並根據需要粘貼到頁面底部。不過,我注意到,在移動設備(iphone 5s和6)上查看頁面時,頁面會從左向右滾動,因爲信息水平地放在屏幕上,所以不應該這樣做。我只會期望垂直滾動。就好像頁腳寬度超過100%導致移動設備水平「解鎖」,任何人都可以幫助解決這個問題嗎? 我想補充沒有錯誤的水平滾動條出現在同一頁面的桌面視圖,無論窗口怎樣的大小 下面是代碼 <fo

    4熱度

    3回答

    當我將Materialize here的粘性頁腳所示的css屬性應用時,我的主要元素的高度最高可達33000px。頁腳顯示正常,但在其上方是空白的(推測長度約爲33000像素)。這些元素按照標題正確排列,然後是主要元素,然後是頁腳元素。 HTML: <body> <header> Header stuff </header> <main> Ma

    5熱度

    1回答

    我有一個網站有兩個頁腳。其中一個很好地表現爲頁面底部始終可見的「固定」頁腳。另一個頁腳較大,並且應該低於所有內容,只有當所有內容滾動時纔會出現(如果內容比頁面大,則在滾動到底部之前不應該可見)。但是,它確實需要粘性,以便如果內容非常少,它不會騎上去,並留下尷尬的白色空白。 現在它顯示在頁面中間。 :(幫助? html, body { \t height: 100%; \t width:

    0熱度

    2回答

    我使用新的Waypoint粘性快捷方式將元素粘貼到視圖端口的頂部。我遇到的問題是,我希望當它到達頁面上的某個點時,解除它的位置並保持它的位置。 下面是使用舊的航點的例子:http://jsfiddle.net/oskarrough/SFyCj/ 我已經做了廣泛的谷歌搜索有幾個帖子解釋如何使用這個老航點,但沒有引用新的版本做。 如果任何人都可以給我任何幫助或指導如何做到這一點,我會非常感激! var

    0熱度

    1回答

    我在asp.net中有一個母版頁,它將包含其他頁面內容拋出ContentPlaceHolder。我希望在使用內容ContentPlaceHolder的頁面中顯示的內容無關緊要的情況下,在底部使用CSS的母版頁中有一個頁腳。 這是我的母版頁: <body> <form id="form1" runat="server" style="height:100%;"> <asp:ScriptManag

    0熱度

    1回答

    我正在嘗試使三列布局延伸到使用Zurb基礎網格的屏幕底部。 基本結構包括三列,每列都有一個標題在中心和一個獨特的背景圖像,以及一個頁腳。 這就是我想要實現(其中三種顏色將背景圖片): 的問題是,因爲沒有足夠的內容來填滿整個屏幕我的專欄不要伸展到底部。我已經能夠使用這種技術將頁腳固定到頁面底部https://css-tricks.com/snippets/css/sticky-footer/。 但結

    1熱度

    1回答

    我一直在試圖解決這個問題幾天。我看到很多問題,但沒有一個解決方案似乎對我有用。 我有一個網站,有一個Bootstrap 3前端。我想要一個粘性底部頁腳,並且我使用Bootstrap的navbar navbar-fixed-bottom樣式來實現此目的。它正在工作,但問題是,當沒有足夠的空間時,內容將與頁腳重疊。我希望能夠滾動頁腳和頁眉的內容,並且我不希望頁腳隨內容一起滾動。 Here is the

    0熱度

    1回答

    我正在嘗試創建一個粘到頁面底部(不固定)的粘頁腳,並根據添加的內容向下移動。 在較大的屏幕上,頁腳不粘。 查看這裏:http://www.bootply.com/VxVeDahZzG

    0熱度

    1回答

    我試過每個CSS的粘性頁腳存在於互聯網上的實現似乎,對於我的生活我無法弄清楚爲什麼它不工作爲了我。 問題的代碼是在這裏:https://jsfiddle.net/7ck2xk2p/1/ 所以問題是頁腳仍然只是坐在下的內容,而不是粘在頁面的底部。 正如你可以看到,我最近一次嘗試是由Ryan既成事實 * { margin: 0; } html, body { height: 100%;