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;

}
相关推荐
givemeacar5 分钟前
spring-boot-starter和spring-boot-starter-web的关联
前端
leoZ23130 分钟前
金仓老旧项目改造-10
开发语言·前端·人工智能·python·金仓
接着奏乐接着舞42 分钟前
react redux Toolkit 分组更推荐
前端·javascript·react.js
笨笨狗吞噬者1 小时前
uni-app 运行时揭秘:styleIsolation 的转化
前端·微信小程序·uni-app
是席木木啊1 小时前
告别console.log!Vue3项目日志框架选型指南
前端·vue3·日志框架
凰轮1 小时前
TypeScript 知识点总结
前端·javascript·typescript
英俊潇洒美少年1 小时前
告别大请求卡顿!原生 CompressionStream 实现 axios 请求体自动 Gzip 压缩(前后端全适配)
前端
|晴 天|2 小时前
Element Plus 组件库实战技巧与踩坑记录
前端·javascript·vue.js·typescript
im_AMBER2 小时前
从面试题看JS变量提升
开发语言·前端·javascript·前端框架
Mintopia2 小时前
不用学微服务,也能设计不崩的系统:最小可行思路
前端