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;

}
相关推荐
OEC小胖胖7 分钟前
04|从 Lane 位图到 `getNextLanes`:React 更新优先级与纠缠(Entangle)模型
前端·react.js·前端框架
愤怒的可乐7 分钟前
从零构建大模型智能体:ReAct 智能体实战
前端·react.js·前端框架
BlackWolfSky8 分钟前
React中文网课程笔记4—常用工具配置
前端·笔记·react.js
IT_陈寒9 分钟前
Python 3.12 新特性实战:5个让你的代码效率提升30%的技巧
前端·人工智能·后端
Ycocol9 分钟前
Flutter项目运行在浏览器无法访问
前端·flutter
巾帼前端13 分钟前
前端框架 React 的虚拟 DOM是如何在这一层层抽象中定位自己位置的?
前端·react.js·前端框架
JeffDingAI14 分钟前
【CANN训练营】体验基于Caffe ResNet-50网络实现图片分类实践操作
前端·分类·caffe
proud121220 分钟前
使用thymeleaf生成PDF方案
javascript·css·pdf
嚣张丶小麦兜23 分钟前
npm的应用
前端·npm·node.js
光影少年27 分钟前
你在 React 里具体做过哪些性能优化?
前端·react.js·性能优化