固定div与滚动内容

时间:2013-11-16 20:29:05

标签: javascript html css position fixed

我在这里失去了理智......

我试图做以下事情: 一个固定的div总是一直出现在页面中,这里没有什么困难,但是在这个div中我需要放一些内容,这些内容将与网站的其余部分一起滚动,请注意内容没有自己的滚动条,需要滚动与网站一起,窗口的主滚动条......

我已经尝试在固定div中使用所有位置属性创建另一个div,没有成功。 到目前为止:

    .furosimg {
    position: fixed !important;
    width: 181px;
    height: 200px;
    z-index:9;
    margin: 20px 0px 0px 470px;
    overflow: auto;
}

.furosimg .furosone {
    position: relative !important;
    width: 181px;
    height:900px;
    background:url(../images/topbg.png) center repeat-y;

}

任何建议?

谢谢!

1 个答案:

答案 0 :(得分:0)

看一下这个例子......你要做的就是把窗口/文档/正文的数量滚动并滚动固定元素。

DEMO: http://jsfiddle.net/rgH56/4/

<强> CODE

var f= document.getElementById('fi');

window.onscroll = function(){
    f.scrollTop=document.body.scrollTop;
}