用于滚动iframe的Javascript? (与Facebook消息一样)

时间:2011-06-24 17:52:44

标签: javascript html css

我正在尝试在我的页脚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;
}

1 个答案:

答案 0 :(得分:0)

Facebook消息不使用iframe,您可以通过设置页面的左侧部分fixed(在css:position: fixed中设置)来获得此效果。
所以,只需设置页脚固定,它应该可以正常工作。