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;

}
相关推荐
木斯佳7 分钟前
前端八股文面经大全:字节暑期前端一面(2026-04-24)·面经深度解析
前端
凯瑟琳.奥古斯特8 分钟前
Redis是什么及核心特性
前端·css·redis·缓存
架构源启10 分钟前
OpenClaw 只能手动写脚本?我用 Chrome 插件实现了“录制即生成“
前端·人工智能·chrome·自动化
DFT计算杂谈17 分钟前
VASP官方教程 TRIQS DFT+DMFT计算教程
运维·css·自动化·html·css3
yingyima26 分钟前
正则表达式实战:如何高效清洗脏数据
前端
兔子零102428 分钟前
Ofox AI值得用吗?
前端·javascript·后端
We་ct1 小时前
React 性能优化精讲
前端·javascript·react.js·性能优化·前端框架·html·浏览器
云动课堂1 小时前
【运维实战】Nginx 高性能Web服务 · 一键自动化部署方案 (适配银河麒麟 V10 / openEuler / CentOS 7/8)
运维·前端·nginx
大前端helloworld3 小时前
AI全自动实现Flutter蓝牙自动连接
前端
GISer_Jing3 小时前
从入门到落地:前端开发者的AI Agent全栈学习路线
前端·人工智能·ai编程