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;

}
相关推荐
deli0073 分钟前
PDF 合并别再用在线工具:12 份文件浏览器里合完,实测不上传
前端
shuoshuohaohao3 分钟前
SpringBoot3-web开发-静态资源-内容协商
前端
kiros_wang6 分钟前
RDB关系数据库实战:增删改查、事务、分页、版本迁移
前端
用户1733598075377 分钟前
纯前端 PDF 双面打印避坑指南:翻页顺序错了整个白印?
前端·javascript·vue.js
庖丁解牛8 分钟前
第四课:循环,让电脑重复做事(4)
前端
数据掘金10 分钟前
用户路径分析的会话切分与节点聚合实现
前端
代码猎人14 分钟前
前端怎么搭建项目基础架构
前端
lichenyang45315 分钟前
Promise 基础与进阶:状态规则、链式错误处理和异步执行顺序
前端
Amos_Web16 分钟前
Rspack 源码解析(二十五):CssParserAndGenerator 如何把 CSS 变成可 Tree Shaking 的模块
前端·rust·前端框架
wespaul30 分钟前
VeapAI 自然语言操作实战|第 06 篇:AiConsole 前端运行时——一个 Hub,八个注册表
前端·人工智能·milvus