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;

}
相关推荐
发现一只大呆瓜2 小时前
SSO单点登录:从同域到跨域实战
前端·javascript·面试
发现一只大呆瓜2 小时前
告别登录中断:前端双 Token无感刷新
前端·javascript·面试
Cg136269159743 小时前
JS-对象-Dom案例
开发语言·前端·javascript
无限大63 小时前
《AI观,观AI》:善用AI赋能|让AI成为你深耕核心、推进重心的“最强助手”
前端·后端
烛阴4 小时前
Claude Code Skill 从入门到自定义完整教程(Windows 版)
前端·ai编程·claude
lxh01134 小时前
数据流的中位数
开发语言·前端·javascript
神仙别闹4 小时前
基于NodeJS+Vue+MySQL实现一个在线编程笔试平台
前端·vue.js·mysql
zadyd5 小时前
Workflow or ReAct ?
前端·react.js·前端框架
北寻北爱7 小时前
vue2和vue3使用less和scss
前端·less·scss
IT_陈寒7 小时前
Redis性能提升3倍的5个冷门技巧,90%开发者都不知道!
前端·人工智能·后端