sticky-footer

    0熱度

    1回答

    我做了一個簡單的粘性頁腳。它使頁面加載時一切都很好,但閃爍並且不會將頁腳放在重新調整大小的位置。有任何想法嗎? $(window).on("resize", function() { $(".site-footer").css("padding-top", $(window).height() - $(".site-wrap").height() - 1 + "px"); }).

    2熱度

    1回答

    對不起3排棒對我的英語不好 我學的引導和嘗試這樣 灰色部分的代碼佈局瀏覽器窗口。 行0必須粘在頂部(如導航欄) 行2必須粘在底部(如頁腳) 行1是動態的高度依賴於瀏覽器窗口的高度。 如何通過CSS呈現這些? <div class="container"> <div class="row clearfix"> <div class="col-md-12 column">

    1熱度

    2回答

    我的主頁上有一個頁腳,奇怪的是它周圍沒有明顯的緣故(至少在我看來)。我只是想要一個頁腳,就像在這個頁面上一樣。只有100%寬度的普通頁腳。問題是(正如你可以在我提供的圖片中希望看到的那樣),大約9px的左邊,右邊和底部有一個邊距。 這裏是CSS: #footer_container{ background: #181818; height: 200px; width

    0熱度

    2回答

    這裏是我的小提琴:http://jsfiddle.net/aKkFR/ 我跟着步驟粘頁腳位置:http://blog.softlayer.com/2012/tips-and-tricks-pure-css-sticky-footers/ 到目前爲止,一切都很好。但是,當我在#content div中添加iframe時,頁腳消失。任何想法爲什麼發生這種情況,這可以解決嗎?

    1熱度

    3回答

    首先,我只想在那裏展示我不擅長編碼,這對我來說是第一次。我在頁腳上遇到了一些麻煩;頁腳的背景,當它對於更大的電腦屏幕來說太小時,就像這樣重複:http://prntscr.com/29fxeu 我希望能夠獲得背景,以便它能夠自動調整到每個屏幕寬度以適應整個方式。那可能嗎?我已經得到了它掛在這裏的jsfiddle:http://jsfiddle.net/HXs2A/1/ 而這裏使用的HTML:(原諒

    0熱度

    1回答

    如所看到的here,我試圖重新創建一個粘腳的解決方案 - 沒有設置高度。 我以相同的方式創建了該網站,但看起來內容在頁腳上溢出,頁腳簡單地是靜態的(不太粘!) 顯然,這個flexbox設置限制了'中段'擴展超出「允許」大小(=窗口 - 頁眉 - 頁腳),並且不會調整大小以適應內容並壓下頁腳。 我試圖改變不同的設置,溢出的一切,我試圖改變中間部分的元素和中段本身的顯示選項。我找不到問題! 現在我意識

    0熱度

    1回答

    我試圖在學校項目的網站上設置粘滯導航欄。這裏:http://www.divisionforty.com/aloevera/ 我不想讓它下面的內容,我的意思是,當它滾動內容坐在它下面就好像它是絕對定位。 希望有人能幫助, 丹佛

    6熱度

    3回答

    首先,請閱讀整個問題,以便您完全理解我在找什麼,謝謝! 這是一個問題,我一直在努力研究一個美好的時光,並且一直困擾着我退出。我可以有一個固定的標題真正的粘腳? 我該如何實現一個固定標題的粘腳?我不能添加填充或邊距的身體或內容,因爲這將打破頁腳。另外,我希望能夠在我的內容中使用width:100%和height: 100%,而不會溢出並造成混亂。 這裏是我的目標了(請原諒我的偉大的Photoshop

    1熱度

    1回答

    嗨,大家好訂閱箱即時通訊的粘性工作訂閱框像下面的網站 https://generalassemb.ly/ 我用下面的JS $.fn.is_on_screen = function(){ var win = $(window); var viewport = { top : win.scrollTop(), left : win.scrollLeft()

    0熱度

    1回答

    我是一名編程初學者,我正在尋找一種方法在我的主容器DIV上實現100%的高度,以填充我的完整網頁,並在底部獲得粘性頁腳。 我希望它作爲一個完整的網頁粘滯頁腳正確顯示。 我一直在尋找一個很好的乾淨的解釋,我想有一個簡單的方法讓我和他人來解決這個問題。 在此先感謝 HTML <!doctype html> <html class=""> <head> <meta charset="UTF-8">