2011-11-26 97 views
4
div{ 
    position:fixed; 
    bottom:0px; 
    height:20px; 
} 

在上面的代码中解释说将始终保持DIV在底部。但我需要避免页脚后的滚动。我的意思是需要为浮动div设置边界。在页面底部浮动DIV(它不应该在页脚DIV之后滚动)

你能帮我吗?

[编辑]请参考本文并帮助我! http://jsfiddle.net/umarfaruk/y9cWf/我在那里添加了我的示例。当我们触摸页脚div时,我可以如何停止浮动div。 (我说的是 浮动应该停止前躯滚动)

更新:

谢谢你们。我找到了解决办法,在http://jsfiddle.net/PnUmM/1真的感谢@Gatekeeper :)

+0

你可以给http://jsfiddle.net/一个例子更好地理解 – sandeep

+0

可以插入footer'后'一个空div其高度是'20px' – Giberno

+0

如何任何的这与jQuery有关? –

回答

0

写在你的页面或样式表,以避免˚F

* { 
margin: 0 auto; 
} 
1

Giberno在他的评论中写道后滚动条,使用空div来填补空间被占用的页脚(从而防止文本的最后一行(S)坠落被页脚隐藏尼斯和容易:无需脚本

div#footer{ 
    position:fixed; 
    bottom:0px; 
    height:20px; 
} 

div#empty-space{ 
    height:20px; /* Same height as footer */ 
} 

和HTML:

Put your page here 
... 
<div id="empty-space"/> 
<div id="footer">footer</div> 

有关工作示例,请参见此jsFiddle

+0

谢谢你们。我在http://jsfiddle.net/PnUmM/1/找到了解决方案真的要感谢@Gatekeeper :) –

1

最简单的做法是给body底部填充与固定元素相同的高度。这样你总是可以滚动到任何内容。

#body { 
    padding-bottom: 50px; 
} 
#fixed { 
    height: 50px; 
    position: fixed; 
    width: 100%; 
} 

here's a fiddle