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;

}
相关推荐
葡萄城技术团队4 分钟前
SpreadJS V19.0 新特性解密:设计器容器行列合计,让报表数据汇总更灵活
前端
晚霞的不甘5 分钟前
Flutter for OpenHarmony:从零到一:构建购物APP的骨架与精美UI
前端·javascript·flutter·ui·前端框架·鸿蒙
小二·18 分钟前
Python Web 开发进阶实战:AI 原生硬件接口 —— 在 Flask + MicroPython 中构建边缘智能设备控制平台
前端·人工智能·python
ElasticPDF-新国产PDF编辑器24 分钟前
基于 PDF.js 的 PDF 文字编辑解决方案,纯前端 SDK,跨平台、框架无关、Web 原生
前端·javascript·pdf
带带弟弟学爬虫__26 分钟前
速通新Baidu Frida检测
前端·javascript·vue.js·python·网络爬虫
好学且牛逼的马36 分钟前
ES6 核心语法精讲
前端·ecmascript·es6
GISer_Jing38 分钟前
一次编码,七端运行:Taro多端统一架构深度解析与电商实战
前端·aigc·taro
michael_ouyang1 小时前
IM 消息收发流程方案选型
前端·websocket·网络协议·typescript·electron
Y淑滢潇潇1 小时前
WEB 作业 三个练习题
前端·javascript·css3
静小谢1 小时前
前端mock假数据工具JSON Server使用笔记
前端·笔记·json