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;

}
相关推荐
爱编程的小金2 分钟前
前端请求库的下一个进化方向:从 Promise 到策略化
前端·alova·前端请求库·请求策略
hsg773 分钟前
简述:Jensen Huang‘s Footsteps网站全内容分析
前端·javascript·数据库
珑墨27 分钟前
前端 AI 开发通用skill
前端
kyriewen28 分钟前
一个人+Cursor,7天上线付费小程序:第1天我就想放弃了
前端·微信小程序·cursor
大家的林语冰33 分钟前
Angular 王者归来,第 22 个主版本亮相,一大波前沿技术再度引领潮流!
前端·javascript·前端框架
老毛肚1 小时前
jeecgboot TS + Vue 模板化 03
前端·javascript·vue.js
下北沢美食家1 小时前
SSE 入门
前端
云计算磊哥@1 小时前
运维开发宝典023-WEB网站服务
运维·前端·运维开发
AIkk861 小时前
班级群学习资料分享指南:工具推荐与实践
大数据·人工智能·html
加点油。。。。1 小时前
【1.Obsidian渲染html文件】
前端·html·obsidian