关于Uniapp开发小程序时 右侧出现滚动条

给容器 也就是最大的那个 设置   ps:使用这种方法会触发不了 触底事件(onReachBottom())

.content::-webkit-scrollbar {
	height: 0;
	background-color: transparent;
}
	.content {
		width: 100%;
		height: 100vh; 
		overflow: auto;
		background-color: whitesmoke;
	}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp开发微信小程序中,可以通过使用自定义组件的方式来设置页面滚动条高度。 首先,我们需要创建一个自定义组件,可以将组件的文件夹放置在uniapp工程的components目录下。在自定义组件的vue文件中,可以使用<scroll-view>组件来实现滚动条功能。在<scroll-view>组件中,可以使用style属性来设置滚动条高度。 例如,我们可以在组件的vue文件中添加以下代码: ```html <template> <scroll-view class="scroll-view" style="height: 300rpx;"> <!-- 这里是滚动内容 --> </scroll-view> </template> <script> export default { name: 'CustomScroll', data() { return {} } } </script> <style> .scroll-view { /* 设置滚动条样式 */ } </style> ``` 在上述代码中,使用style属性为<scroll-view>组件设置了一个高度为300rpx的滚动条。 接下来,在页面的vue文件中引入自定义组件并使用即可。例如,我们可以在页面的vue文件中添加以下代码: ```html <template> <view> <!-- 页面内容 --> <custom-scroll></custom-scroll> </view> </template> <script> import CustomScroll from '@/components/CustomScroll.vue' export default { name: 'Page', components: { CustomScroll }, data() { return {} } } </script> ``` 在页面的vue文件中,我们使用<custom-scroll>标签引入了自定义组件,并将其作为页面的一部分进行渲染。 这样,我们就可以在uniapp开发微信小程序中通过自定义组件的方式来设置页面滚动条高度了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值