小程序picker多列滚动使用注意事项

小程序picker多列滚动使用注意事项,第1张

最近公司开发的小程序中,用到了小程序的picker组件,写了个二级级联动(三级联动同理)。从页面上看,明显数据已经是加载上去了,而且也确实是正确的

从这张图上可以看到,明明第二列的数组已经设置是长度为一个,但是在页面上,却显示了两个。

排查下来,就是文本中,name不能重名。必须保持是唯一的。

当我们把name设置成唯一值的时候,就不会有问题了。

微信小程序直播消息滑动,1打开微信,点击发现,找到小程序点击,进入小程序以后,在搜索框内输入手持d幕。

2进入小程序之后可以看到字幕的样式,选择中间滚动的字幕样式

3对边点击一处找到输入框,在输入框内输入你想显示的内容,点击右边的选项可以调节字幕内容的大小、颜色以及滚动速度等,然后保存到手机中就可以了。

1、将scroll-view的scroll-y属性设置为false,这样可以禁用scroll-view的纵向滑动功能,避免滑动条出现。

2、在input组件绑定focus和blur事件,当input组件被聚焦时,将scroll-view组件滚动到输入框所在的位置,当input组件失去聚焦时,将scroll-top值设置为0,这样可以让页面回到最顶部。

当viewscroll使用onReachBottom函数时,下拉触底如果不执行,可能是由于你的页面在滚动到底部之前一直处于快速滚动状态,它会导致小程序页面无法检测到触底函数。可以尝试让viewscroll慢慢地滚动,这样就能够触发onReachBottom函数。

以上就是关于小程序picker多列滚动使用注意事项全部的内容,包括:小程序picker多列滚动使用注意事项、微信小程序直播消息滑动、微信小程序scrollview软键盘加载会出现滚动条放下会调等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zz/9869076.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存