微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)

最近某业务涉及的小程序需要改版，要求某页面实现类似淘宝购物车底部的效果

类似这种效果，不跟随页面滚动而滚动。

本来很简单，其实小程序也一样，外层flex，内层fixed就完事了。

但是这个页面分为两个tab页，要求仅在其中一个tab页中展示这个。

那么一开始，肯定是把这些写在swiper-item里，类似这种结构

<slider><swiper><swiper-item></swiper-item><swiper-item><!-- 固定的部分 --></swiper-item></swiper>
</slider>

但是 无论怎么控制都不行，想尽了各种办法。

最后也没有解决，换了另一种思路，还是把固定的部分写在外层，通过其他东西做判断。

做了一点测试，发现在swiper里就是不行。