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;

}
相关推荐
阿黎梨梨16 小时前
React 表单处理与性能优化:从入门到进阶
前端·react.js
Whbbit199916 小时前
发布自己的 shadcn-vue 扩展组件,并支持 CLI 安装
前端·开源
breeze jiang16 小时前
React memo、useCallback 与 useMemo:父组件多状态时如何减少无效渲染
前端·javascript·react.js
朱涛的自习室17 小时前
从 Prompt 到 Graph:AI 工程的进化史
android·前端·人工智能
敲代码的玉米C18 小时前
让两个模型一写一审
前端·人工智能·架构
代码不加糖18 小时前
common.js和es6中模块引l入的区别?
前端·javascript·es6
qq834431018 小时前
一款纯前端的excel控件,XuY_Sheet 电子表格组件教程
前端·excel·教程·luckysheet·xuy_sheet控件·前端表格控件
不爱说话郭德纲19 小时前
零基础,学做KMP项目,TRAE Work手把手带你月薪.....
前端·后端·app
敲代码的玉米C19 小时前
Agent 做 IDE
前端·人工智能·开源
鹏北海19 小时前
AI 全栈时代的多语言 SDK 版本管理:认识 mise
前端·后端