废话不多说，先上效果图，再上源码！！！！ 1.效果图 2.源码 <template> <view class="content"> <scroll-view scroll-x="true" class="scroll"> < ...

要点： 使用竖向滚动时，需要给 <scroll-view> 一个固定高度，通过 css 设置 height。 使用横向滚动时，需要给 <scroll-view> 一个固定宽度，通过 css 设置 width。 ...

在用uniapp写这个pc端项目时遇到一个表格需要展示全部的数据，但是页面上只显示4条数据，刚开始用overflow-y: scroll;出现滚动条。 因为滚动条占用位置导致表格错位，上下不对齐。scroll-view组件还是出现滚动条。 重点来了！！！ 在样式中引用这段代码 ...

在wxss文件上加上 ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; } ...

/deep/.uni-scroll-view::-webkit-scrollbar { 　　/* 隐藏滚动条，但依旧具备可以滚动的功能 */ 　　display: none } ...

原网页地址：https://uniapp.dcloud.io/component/scroll-view 说明 scroll-view，可滚动视图区域。用于区域滚动。 需注意在webview渲染页面中，区域滚动性能不及页面滚动。 属性说明 属性名 类型 ...

横向滚动不生效：不生效是因为少了以下两行代码，添加上即可 scroll-view的子标签里使用多行省略功能不生效 前： 后： scroll-view滚动元素不对齐的问题 前： 后： 横向滚动有滚动条遮挡，导致用户点击内容区域会点击到滚动条，导致点击体验不好的问题 ...

css 隐藏滚动条 自定义滚动条样式 参考原文：https://blog.csdn.net/qq_32067045/article/details/79958540 ...