位置：真IOS设备上小程序粘性随机崩溃问题总结

小程序中有很多自定义的粘性组件。原理无非就是看着页面滚动变化位置实现了，但真实体验是不可避免的，和原生的位置相比：粘性。
我最近写的页面已经逐渐开始使用原生位置：粘性。测试中发现，部分场景下真机下IOS粘性失败。我花了一些时间研究，得出以下结论：

1. IOS需要添加元素位置：-webkit-sticky;
2. IOS❙❙‶❙ 要生效，必须与占位符

在同一个 范围

直接在页面上写入 sticky 才有效 ♿' 定义 在组件内，占位符位于页面上。对Android和模拟器有效，但对IOS设备无效。

components.wxml

<view style="position: -webkit-sticky; position: sticky; top: 40px">sticky</view>

page.wxml

<view style="height: 100px">title</view>
<components/>
<view style="height: 200vh"></view>

sticky在组件中定义，占位符在组件中。槽中，

components.wxml

<view style="position: -webkit-sticky; position: sticky; top: 40px">sticky</view>
<slot/>

page.wxml

<view style="height: 100px">title</view>
<components>
  <view style="height: 200vh"></view>
</components>

第二个确实比较棘手，幸好可以用第三种方式解决