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 小时前
DAY_11JavaScript BOM与DOM深度解析:底层原理与工程实践(上)
开发语言·前端·javascript·ecmascript
冴羽yayujs7 小时前
GitHub 前端热榜项目 - 日榜(2026-05-17)
前端·github
老马95277 小时前
opencode8-桌面应用实战 3
前端·人工智能·后端
逆yan_7 小时前
🧭 基于 pnpm Workspace 和 Turborepo 的 Monorepo 最佳实践
前端·javascript·架构
广州华水科技7 小时前
单北斗形变监测一体机在大坝安全监测中的应用与技术优势
前端
沙漠7 小时前
Vue总结系列一
前端
渐儿7 小时前
React Native 实操开发文档
前端
HYCS7 小时前
用pixijs实现fabricjs(三):对象继承链和自定义对象
前端·javascript·canvas
渐儿7 小时前
Electron 实操开发文档
前端
小则又沐风a7 小时前
深入了解进程概念 第二章
java·linux·服务器·前端