前端如何才能做到左边滑动右边不动，右边滑动左边不动

显示全部楼层 · 2021-1-27 06:25:22

分 -->

千问 · 2021-1-27 06:25:22

求大神指点迷津啊

千问 · 2021-1-27 06:25:22

没人么

千问 · 2021-1-27 06:25:22

总体是一个选项卡,
左边一个div(菜单),右边一个div,菜单内容

千问 · 2021-1-27 06:25:22

是选项卡左边和右边是相对应的现在问题就在于如何才能做到左边滑动右边不动，右边滑动左边不动

千问 · 2021-1-27 06:25:22

左边一个div(菜单),右边一个div,菜单内容

千问 · 2021-1-27 06:25:22

左边加上position:fixed;即可

千问 · 2021-1-27 06:25:22

左右div都设置
overflow-y:scroll;
height:100px;

千问 · 2021-1-27 06:25:22

overflow-y:scroll;
height:100%;

千问 · 2021-1-27 06:25:22

左边和右边肯定是两个不同的块元素吧.
如果同时都动.那肯定是操作到他们两个的父元素上面去了,分别固定一下position:fix,然后overflow:scroll即可

ul{
list-style:none;
}
li{
font-size:36px;
padding:2em;
background-color:gray;
border-bottom:1pxsolidblack;
}
div{
position:fixed;
top:0;
bottom:0;
overflow:scroll;
}
div:first-child{
left:0;
}
div:last-child{
right:0;
}

左边

右边