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;

}
相关推荐
Yue168几秒前
天津理工大学前端组大一末期考核随记(2)
前端·javascript
冰凌时空几秒前
Swift 类型系统入门:从 Int、String 到自定义类型
前端·ios·ai编程
hexu_blog5 分钟前
前端vue后端java+springboot如何实现pdf,word,excel之间的相互转换
java·前端·vue.js·spring boot·文档转换
w_t_y_y34 分钟前
vue父子组件通信(二)祖先调用inject
前端·javascript·vue.js
哆哆啦0035 分钟前
URL 重写规则和静态资源解析逻辑
前端·浏览器·url
IT_陈寒37 分钟前
Java的Stream.peek()千万别乱用,血泪教训
前端·人工智能·后端
w_t_y_y37 分钟前
VUE组件配置项(二)data和props
前端·javascript·vue.js
问心无愧05131 小时前
ctf show web入门 89
android·前端·笔记
hexu_blog1 小时前
前端vue后端java+springboot如何显示视频压缩
前端·vue.js·vue压缩视频·java压缩视频·指定大小压缩视频
欧阳天风1 小时前
electron播放本地音乐的问题
前端·javascript·electron