<template>
<view>
<scroll-view>
<view v-for="i in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]" class="view-test">view视图</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.view-test {
height: 178.57rpx;
border-bottom: 1.79rpx solid black;
}
::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
color: transparent;
}
</style>
小枫同学
- 发布：2022-06-10 00:00
- 更新：2022-06-11 18:46
- 阅读：456
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： k20pro
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
粘贴示例代码到测试页面
粘贴示例代码到测试页面
预期结果：
隐藏右侧滚动条
隐藏右侧滚动条
实际结果：
没有发生变化
没有发生变化
bug描述：
无法隐藏scroll-view组件右侧滚动条，网上和社区提供的css方法无效，无论是全局引入css还是在App.vue中写style标签，都无效
1 个回复
1***@qq.com
同问?