怎样做左右两个div，div可以自由地上下滑动.互不影响
答案:2 悬赏:80 手机版
解决时间 2021-12-29 23:30
- 提问者网友：浩歌待明月
- 2021-12-29 17:47
怎样做左右两个div，div可以自由地上下滑动.互不影响
最佳答案
- 五星知识达人网友：由着我着迷
- 2021-12-29 18:48
简单地说，做个镶套。举个例子：
<div id="outside1">
<div id="inside1"></div>
</div>
<div id="outside2">
<div id="inside2"></div>
</div>然后以CSS固定好ouside1和ouside2，如：
#outside1,#outside2{
margin:0px;
height:0px;
width:0px;
}之后再分别设置inside1和inside2：
#inside1{
position:absolute;
left:0px;
top:0px;
height:100px;
width:50%;
background-color:yellow;
}
#inside2{
position:absolute;
top:0px;
left:50%;
width:50%;
height:100px;
background-color:red;
}之后可以用js控制inside1和2的top属性，因为这时候inside1和2的位置是相对于outside1和2而言的，而outside1和outside2可以说是绝对静止的，只要outside1和2不动，inside1和2的位置就等同于绝对位置。
<div id="outside1">
<div id="inside1"></div>
</div>
<div id="outside2">
<div id="inside2"></div>
</div>然后以CSS固定好ouside1和ouside2，如：
#outside1,#outside2{
margin:0px;
height:0px;
width:0px;
}之后再分别设置inside1和inside2：
#inside1{
position:absolute;
left:0px;
top:0px;
height:100px;
width:50%;
background-color:yellow;
}
#inside2{
position:absolute;
top:0px;
left:50%;
width:50%;
height:100px;
background-color:red;
}之后可以用js控制inside1和2的top属性，因为这时候inside1和2的位置是相对于outside1和2而言的，而outside1和outside2可以说是绝对静止的，只要outside1和2不动，inside1和2的位置就等同于绝对位置。
全部回答
- 1楼网友：妄饮晩冬酒
- 2021-12-29 19:06
简单地说，做个镶套。举个例子：