javascript - 修复了内容在滚动中的 div

Question

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

我正在尝试做以下事情:一个固定的 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;

}

有什么建议吗？

谢谢!

Answer 1

看看这个例子......你所要做的就是获取窗口/文档/主体的滚动量并滚动固定元素。

演示: http://jsfiddle.net/rgH56/4/

代码

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

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