本文主要是介绍微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
最近某业务涉及的小程序需要改版,要求某页面实现类似淘宝购物车底部的效果
类似这种效果,不跟随页面滚动而滚动。
本来很简单,其实小程序也一样,外层flex,内层fixed就完事了。
但是这个页面分为两个tab页,要求仅在其中一个tab页中展示这个。
那么一开始,肯定是把这些写在swiper-item里,类似这种结构
<slider><swiper><swiper-item></swiper-item><swiper-item><!-- 固定的部分 --></swiper-item></swiper>
</slider>
但是 无论怎么控制都不行,想尽了各种办法。
最后也没有解决,换了另一种思路,还是把固定的部分写在外层,通过其他东西做判断。
做了一点测试,发现在swiper里就是不行。
这篇关于微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!