87,990
社区成员
发帖
与我相关
我的任务
分享左右两个div 。拉滚动条时左div不动一直在显示,右div跟滚动一起滚动!如何实现在啊！急急急急！！！！
左右两个div 。拉滚动条时左div不动一直在显示,右div跟滚动一起滚动!如何实现在啊！急急急急！！！！
...全文
请发表友善的回复…
发表回复
挨踢直男 2011-06-28
- 打赏
- 举报
<div id="parent" style="height:110px;width:300px; border:1px solid #000;overflow-x:scroll;overflow-y:hidden; position:relative;">
<div id="child" style="width:620px;height:100px">
<div id="left" style="height:100px;width:100px;border:1px solid red; float:left; position:absolute; left:0; top:0; background:#fff; z-index:0;">1111111111</div>
<div id="right" style="height:100px;width:500px;border:1px solid #666; float:left; position:absolute; left:100px; top:0px; z-index:-1">2222222222222222222222222222222222222222222</div>
</div>
</div>
<script type="text/javascript">
var oleft = document.getElementById("left");
var parent = document.getElementById("parent");
function scroll()
{
oleft.style.left= parent.scrollLeft+"px"
}
window.setInterval(scroll,1)
</script>
xuexiaodong2009 2011-06-28
- 打赏
- 举报
[Quote=引用 2 楼 lijianc23 的回复:]
一直不动的话 position:fixed; 就可以了 但是IE6要额外写,,因为不支持这个
右div跟滚动一起滚动 是慢慢下来的吧,,不然的话,那效果不还是一样 等于左右都没动
[/Quote]一直不动的话 position:fixed;
一直不动的话 position:fixed; 就可以了 但是IE6要额外写,,因为不支持这个
右div跟滚动一起滚动 是慢慢下来的吧,,不然的话,那效果不还是一样 等于左右都没动
[/Quote]一直不动的话 position:fixed;
lijianc23 2011-06-28
- 打赏
- 举报
一直不动的话 position:fixed; 就可以了 但是IE6要额外写,,因为不支持这个
右div跟滚动一起滚动 是慢慢下来的吧,,不然的话,那效果不还是一样 等于左右都没动
右div跟滚动一起滚动 是慢慢下来的吧,,不然的话,那效果不还是一样 等于左右都没动
zell419 2011-06-28
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>zell419</title>
<style type="text/css">
#left{position:absolute;top:100px;left:0px;}
#right{position:fixed;_position:absolute;top:100px;_top:100px;right:0px;_right:0px;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop)}
</style>
</head>
<body style="height:5000px;">
<div id="left"> left </div>
<div id="right"> right </div>
</body>
</html>
这样 ？
拉下来了 左边的就看不到了 ？
