css左右滚动互不影响

想实现左右都可以滚动,且互不影响。

只需要再左边的css里面

css 复制代码
.threedlist {

  cursor: pointer;

  width: 280px;

  position: fixed;

  height: 100vh; /* 定义父容器高度 */

  overflow-y: auto; /* 只有在内容超过父容器高度时才出现滚动条 */

}

如果想取消滚动条样式

css 复制代码
.threedlist::-webkit-scrollbar {

  display: none; //隐藏滚动条。

}

而右边的样式可能靠过去了,需要再加个定位即可

css 复制代码
.threedright {

  position: relative;

  left: 280px;

}
相关推荐
big tail5 分钟前
Windows本地Docker模拟前端项目发版
前端·windows·docker
学以智用10 分钟前
Vue3 状态管理库 Pinia 完整教程
前端·vue.js
北寻北爱11 分钟前
面试题-js篇
前端·javascript
harrain13 分钟前
vue3多个watch监听统一等待触发再执行后续逻辑的处理方案
前端·javascript·vue.js
miss14 分钟前
Vue3 + AI Agent 前端开发实战:一个 前端开发工程师的转型记录
前端
miss16 分钟前
AI Agent 前端开发:一个初级工程师的踩坑成长之路
前端
清水寺小和尚16 分钟前
如何用400行代码构建OpenClaw
前端
锦木烁光17 分钟前
Flowable 实战:从架构解耦到多状态动态查询的高性能重构方案
前端·后端
子淼81218 分钟前
HTML入门指南:构建网页的基石
前端·html
农夫山泉不太甜20 分钟前
Electron离屏渲染技术详
前端