已解決430363個問題，去搜搜看，總會有你想問的

CSS圣杯布局頁腳問題

首頁猿問 CSS圣杯布局頁腳問題

CSS圣杯布局頁腳問題

Html/CSS JavaScript

發霉的飯盒 2016-10-14 11:25:54

有一個頁面，是兩列圣杯布局（類似新浪微博），左邊是導航條，右邊隨內容填充自適應高度。使用了padding-bottom和padding-bottom來實現等高?，F在想在右邊底部添加頁腳，實現以下效果：如果右邊內容高度比窗口小，則頁腳顯示在窗口底部；如果右邊內容比窗口高（出現了滾動條），則頁腳顯示在右邊內容的底部。請教要如何實現呢

查看完整描述

3 回答

已采納

Linda_Je

TA貢獻35條經驗獲得超86個贊

js判斷窗口高度，定位從相對變更到fixed

反對回復 2016-10-14

發霉的飯盒
我也想過現在的問題主要是兩列布局等高使用的padding margin負補償跟這個方法感覺有點沖突

回復 2016-10-17
發霉的飯盒
用你的方法解決了謝謝

回復 2016-10-17
Linda_Je
<script type="text/javascript"> $(function(){ //獲取要定位元素距離瀏覽器頂部的距離 var navH = $(".menu").offset().top; //滾動條事件 $(window).scroll(function(){ //獲取滾動條的滑動距離 var scroH = $(this).scrollTop(); //滾動條的滑動距離大于等于定位元素距離瀏覽器頂部的距離，就固定，反之就不固定 if(scroH > navH){ $(".menu").addClass('fixed'); }else{ $(".menu").removeClass('fixed'); } console.log(scroH==navH); }); }); </script> 檢測菜單是否在頂部才看到，給你個栗子............哈哈

回復 2016-10-17

一朵大白天

TA貢獻54條經驗獲得超14個贊

position: relative;

按照父元素計算top、left屬性值吧！就不用糾結什么內外邊距值了。

反對回復 2016-10-15

發霉的飯盒
不是現在有個問題是因為右邊是自適應的高度不定定位的話內容過少就會顯示在窗口中間。而且為了讓左右等高，我用了padding margin補償所以也不能直接bottom定位

回復 2016-10-17

_bug終結者_

TA貢獻89條經驗獲得超16個贊

使用定位

反對回復 2016-10-14

3 回答
1 關注
1728 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

CSS圣杯布局頁腳問題

CSS圣杯布局頁腳問題

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

CSS圣杯布局頁腳問題

CSS圣杯布局頁腳問題

3 回答

相關問題推薦

添加回答