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;

}
相关推荐
cxxcode13 小时前
CSS Loader 与样式处理链路
前端·css
电商API_1800790524713 小时前
电商ERP 自动同步订单功能实现拆解与技术手段
服务器·前端·网络·爬虫
cxxcode13 小时前
CSS 隔离与 qiankun 样式问题总结
前端
__sjfzllv___13 小时前
在职前端Leader学习/转行 AI Agent -DAY3
前端
miss13 小时前
海康威视 IoT 平台前端实战:视频流、海量设备与实时数据可视化
前端·javascript·物联网
用户28497095255713 小时前
基于MQTT+SpringBoot的实验室设备数据采集与实时监控系统实战
前端
前端肥猿13 小时前
控制台中添加插件面板
前端
IT_陈寒14 小时前
SpringBoot自动配置的坑,我的Bean怎么不生效?
前端·人工智能·后端
迷途呀14 小时前
新闻头条后端:新闻缓存模块
前端·redis·python·缓存·fastapi
糖墨夕14 小时前
第一章:为什么你要学 AI Agent?—— 从"切图仔"到全栈的进化之路
前端·javascript·vue.js