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;

}
相关推荐
MasonYyp14 小时前
安装npm依赖仓库Verdaccio
前端·npm·node.js
Antruly15 小时前
C++ Web 开发选型漫谈:从 Drogon 到 libuvcpp + uvp,八个项目的定位、兼容性与务实排名
开发语言·前端·c++
红红谈说15 小时前
同一套产品两个技术栈,双版本前端工程差异怎么收敛?
前端·uni-app·vue3·前后端分离·双版本维护·接口约定
不吃鱼的羊15 小时前
如何建立高自尊
java·服务器·前端
计算机魔术师15 小时前
编程智能体卡在"需要登录"这步,六种接法代价差得很远
前端
计算机魔术师15 小时前
出题人自己算错了,AI成绩从88%直接跳到98%
前端
Amos_Web16 小时前
Rspack 源码解析(三十一):HotModuleReplacementPlugin 如何用 hash 比对生成增量更新
前端
尤水就下16 小时前
🔥说一说在线文档的 Block 架构是如何实现的
前端·javascript·架构
是江迪呀16 小时前
介绍一个开源项目 —— 烂笔头
前端·后端
恋猫de小郭16 小时前
Flutter 紧急发布 3.47.8 安全升级版本,建议都升级
android·前端·flutter