我正在尝试在我的页脚div后面制作一个iframe滚动,所以我不想让页面本身滚动。如果你有Facebook,你会知道我的意思,当我说我喜欢它像Facebook消息。滚动条滚动消息div而不是实际页面。
我现在的HTML是:
<div class="content">
<iframe src="http://192.168.0.122/bf2sclone/?pid=28999999" style="width:100%;height:200px;"></iframe>
</div>
<div class="footer">
</div>
我拥有的CSS是:
div.footer {
width: 980px;
height: 114px;
float: left;
background-image: url(../images/footer.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
z-index: 1;
margin-bottom: 20px;
}
div.content {
position: relative;
width: 980px;
height: 300px;
float: left;
border-left: 1px solid #000;
}
答案 0 :(得分:0)
Facebook消息不使用iframe,您可以通过设置页面的左侧部分fixed
(在css:position: fixed
中设置)来获得此效果。
所以,只需设置页脚固定,它应该可以正常工作。