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;

}
相关推荐
颜酱5 分钟前
从零实现「拍照记单词」小应用(可复刻版)
前端·javascript·人工智能
大猫会长10 分钟前
AudioContext给音频提高音量
前端·javascript·音视频
kerli16 分钟前
基于 kmp/cmp 的跨平台图片加载方案 - 适配 Android View/Compose/ios
android·前端·ios
RONIN31 分钟前
vue组件、组件生命周期、组件分离模块化
前端·vue.js
小强198832 分钟前
HTML5语义化标签:从`div`到`article`与`section`的进化之路
前端
RONIN32 分钟前
vue开发环境与基础语法、计算属性、侦听属性
前端·vue.js
WayneYang39 分钟前
JavaScript ES6+ (ES2015~ES2024) 全特性整理
前端·javascript
逆光如雪40 分钟前
移动端border-left 和 width:1px,同样写1px为什么粗细不同?
前端·css
千寻girling41 分钟前
被内推的面试 , 第一次
java·前端·python·面试·职场和发展·typescript·node.js
JustNow_Man1 小时前
Bun 常用命令速查清单(TypeScript 编译篇)
前端·javascript·typescript