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;

}
相关推荐
仰泳之鹅6 分钟前
【杂谈】C语言中的链接属性、声明周期以及static关键字
java·c语言·前端
2501_940315269 分钟前
【无标题】(leetcode933)最近的请求次数
java·前端·javascript
json{shen:"jing"}17 分钟前
13_axios实现网络请求
html
每天吃饭的羊20 分钟前
LeetCode 第一题
前端
入门级前端开发22 分钟前
vue集成xlsl实现前端表格导入导出
前端·javascript·vue.js
小二·26 分钟前
Python Web 开发进阶实战:联邦学习平台 —— 在 Flask + Vue 中构建隐私保护的分布式 AI 训练系统
前端·python·flask
一人の梅雨32 分钟前
中国制造网商品详情接口进阶实战:跨境场景下的差异化适配与问题攻坚
java·前端·javascript
无知的小菜鸡38 分钟前
React:使用高阶组件实现vue中的路由守卫功能
前端·vue.js·react.js
xzl0438 分钟前
小智服务器intent_type 初始化为function_call过程
linux·前端·数据库
wuhen_n43 分钟前
Webpack vs Vite:前端构建工具对比
前端·webpack·node.js·vite