CSS圣杯布局页脚问题

有一个页面，是两列圣杯布局（类似新浪微博），左边是导航条，右边随内容填充自适应高度。使用了padding-bottom和padding-bottom来实现等高。现在想在右边底部添加页脚，实现以下效果：如果右边内容高度比窗口小，则页脚显示在窗口底部；如果右边内容比窗口高（出现了滚动条），则页脚显示在右边内容的底部。请教要如何实现呢

查看完整描述

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

CSS圣杯布局页脚问题

CSS圣杯布局页脚问题

3 回答

相关问题推荐

添加回答

热搜

最近搜索清空

CSS圣杯布局页脚问题

CSS圣杯布局页脚问题

3 回答

相关问题推荐

添加回答