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;

}
相关推荐
C_心欲无痕18 分钟前
有限状态机在前端中的应用
前端·状态模式
C_心欲无痕24 分钟前
前端基于 IntersectionObserver 更流畅的懒加载实现
前端
candyTong30 分钟前
深入解析:AI 智能体(Agent)是如何解决问题的?
前端·agent·ai编程
柳杉39 分钟前
建议收藏 | 2026年AI工具封神榜:从Sora到混元3D,生产力彻底爆发
前端·人工智能·后端
weixin_4624462342 分钟前
使用 Puppeteer 设置 Cookies 并实现自动化分页操作:前端实战教程
运维·前端·自动化
CheungChunChiu1 小时前
Linux 内核动态打印机制详解
android·linux·服务器·前端·ubuntu
GIS之路2 小时前
GDAL 创建矢量图层的两种方式
前端
小目标一个亿3 小时前
Windows平台Nginx配置web账号密码验证
linux·前端·nginx
rocky1913 小时前
网页版时钟
前端·javascript·html
Aotman_3 小时前
Element-UI Message Box弹窗 使用$confirm方法自定义模版内容,修改默认样式
linux·运维·前端