微信小程序在ios中下拉出现“橡皮筋”效果

今天和大家聊一聊微信小程序在ios中下拉出现“橡皮筋”效果

---

问题现象

话不多说，先看代码（使用taro编写）。

代码很简单，一个flex的容器+一个允许进行下拉刷新的ScrollView，就组成了一个最简demo

const TicketRecordsPage = () => {
  const revenueData = new Array(10).fill(0).map((_, i) => i)
  return (
    <View className={styles['root']}>
      <View >title</View>
      <View className={styles['container']}>
        <ScrollView className={styles['viewer']} scrollY enableFlex
          refresher-enabled={true} lower-threshold={100} >
          {
            revenueData.map((x) => {
              return <View>{x}</View>
            })
          }
        </ScrollView>
      </View>
    </View >
  );
}

.root {
   
   
  width: 100vw;
  height: 100vh;
  display: flex