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;

}
相关推荐
未来之窗软件服务3 小时前
Web 技能的自主测试系统开好处发架构思维-东方仙盟
大数据·前端·架构·仙盟创梦ide·东方仙盟
吠品3 小时前
OkHttp 多文件上传的一个实现
java·服务器·前端
lilian2333 小时前
Harmony os 技术实战|拼豆制图46:图片解码失败为何不能悄悄返回示例图
前端·javascript·华为·harmonyos
zzzzzz3104 小时前
react-bits:从 36K Stars 的组件库,看动画交互组件该如何被评估
前端·react.js·动效
Setsuna_F_Seiei11 小时前
前端的 AI 学习之路 01 之 Agent API 调用 - 和 Agent 的基础对话
前端·人工智能·ai编程
threerocks12 小时前
AI 原生软件开发生命周期手册 - 如何借助 AI,逐阶段改造软件开发生命周期
前端·javascript·后端
徐小夕12 小时前
3分钟从想法到Agent上线:我们开源了一款AI可视化工作流“IDE”
前端·算法·github
why技术14 小时前
eli5,我觉得这个全网在吹的技能,使用体验真的很一般啊。
前端·人工智能·后端
excel14 小时前
记录升级 nuxt3 到 nuxt4 记录
前端
剑胆琴心静水深流14 小时前
全栈之路6---web集成与呈现
前端·vue.js·spring boot·分布式·spring·前端框架·npm