Javascript to scroll an iframe? (Like Facebook Messages)

I'm trying to make an ifra开发者_如何学运维me scroll behind my footer div, so I don't want the page itself to scroll at all. If you've got Facebook you'll know what I mean when I say I'd like it to be like Facebook Messages. The scroll bar scrolls the messages div rather than the actual page.

The HTML I have right now is:

<div class="content">
    <iframe src="http://192.168.0.122/bf2sclone/?pid=28999999" style="width:100%;height:200px;"></iframe>
</div>
<div class="footer">
</div>

And the CSS I have is:

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;
}

Facebook message doesn't use iframe, you can get this effect by set the left part of the page fixed(set in css: position: fixed).
So, just set footer fixed, and it should work fine.