微信小程序:scroll-view滚动组件

微信小程序:scroll-view滚动组件,第1张

在开发微信小程序时,有时一些视图在手机指定的宽度和高度不够存放,那么可以放在scroll-view中。

在给scroll-view设置滚动的时候,分为三个步骤:

在给scroll-view设置滚动的时候,分为两个步骤:

滚动到指定的id元素位置,并且给滚动的过程添加动画

根据以上需求和限制大致的思路如下:

调整好css后发现, button 并不能挡住 video 组件正中间的播放按钮,对比同类的实现产品,应该是增加了一层遮罩,显示视频预览图,点击播放后消失,于是增加一层 cover-image

通过定位将遮罩的铺满video组件,但是产生了以下几个bug:

在网上大致一搜没有很好的解决方法, cover-view 这个组件看来只能够用于一些简单实用的场景,在当前的需求下实现难度很大

通过不断对比同类的产品,我发现了一个实现思路:

以上就是关于微信小程序:scroll-view滚动组件全部的内容,包括:微信小程序:scroll-view滚动组件、小程序使用cover-view和cover-image、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/zz/10102457.html

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

发表评论

登录后才能评论

评论列表(0条)

保存