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;

}
相关推荐
xkxnq2 分钟前
第二阶段:Vue 组件化开发(第 28天)
前端·javascript·vue.js
Yvonne爱编码19 分钟前
前端工程化进阶:从搭建完整项目脚手架到性能优化【技术类】
前端·状态模式
cypking24 分钟前
二、前端规范化 遇到的问题及解决方案
前端
小范馆25 分钟前
STM32F03C8T6通过AT指令获取天气API
前端·javascript·stm32
zhengxianyi51538 分钟前
vue-cli build, vite build 生产部署刷新或弹窗404,页面空白修复方法
前端·javascript·vue.js·nginx·生产部署
Filotimo_41 分钟前
前端项目打包部署完整流程
前端
Savvy..42 分钟前
Day15 Talis 前端
前端
恋爱绝缘体11 小时前
Vue.js 组件 - 自定义事件【1】
前端·javascript·vue.js
梦6501 小时前
JavaScript ES5 + ES6+ 字符串 (String) 所有方法大全
前端·javascript·es6
馨谙1 小时前
面试题----用户,组,su,su-,sudo,sudo-,nologin shell
java·前端·数据库