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;

}
相关推荐
splage15 小时前
spring-boot-starter和spring-boot-starter-web的关联
前端
张元清15 小时前
使用 Hooks 构建无障碍 React 组件
前端·javascript·面试
Mahut16 小时前
从零构建神经影像可视化库:neuroviz 的架构设计与实现
前端·javascript·github
慧一居士16 小时前
VueUse 功能介绍使用场景及完整使用示例
前端·vue.js
奇怪的猫16 小时前
浏览器窗口最小化的时候,setInterval 执行变慢,解决方案
前端·javascript
多租户观察室16 小时前
工作流新生态:2026年工作流与Coding的重新分工
前端·人工智能·后端·低代码
cmd16 小时前
别再混淆了!JS类型转换底层:valueOf vs toString vs Symbol.toPrimitive 详解
前端·javascript
Carsene16 小时前
开源项目文档架构设计:Git Submodule 实现文档与代码的优雅分离
前端·后端
bdawn16 小时前
SCSS、CSS 和 SASS 之间的联系与区别
css·sass·预处理·编译·scss
Z思学16 小时前
promise 有几种状态 async/await 和promise 有什么关系
前端