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;

}
相关推荐
xqchen2 分钟前
代码差异可视化方案选型:diff2html 实战指南
前端
名字还没想好☜3 分钟前
用 Zustand 做 React 全局状态管理:告别 Context 重渲染,3 个实战模式与持久化
前端
IMPYLH12 分钟前
HTML 的 <section> 元素
前端·html
梦帮科技22 分钟前
Next.js 16 模块化单体实战:App Router、领域模块与 Route Handler 分层
css·数据结构·链表·正则表达式·node.js·json·html5
X1A0RAN30 分钟前
密匣 PsdKeep:一个属于你自己的 Chrome 账号记事本
前端·chrome
529宝宝起名网42 分钟前
用 Python 开发历史名字查询与起名灵感工具:从古籍人物数据库到名字文化故事生成
开发语言·前端·python
csuzhucong43 分钟前
混元一号、二号、三号
html
linux_cfan1 小时前
videojs v10 源代码系列解读:10 · `DestroyMixin`:双重 rAF 延迟销毁
前端·javascript·音视频
用户298698530141 小时前
Python 将 HTML 转换为 Word 文档的实践指南
python·html·api
计算机魔术师1 小时前
英伟达是人工智能领域的"中央银行"
前端