今天在小程序上用onPageScroll寫(xiě)的滾動(dòng)監(jiān)聽(tīng),突然被反饋失效了，頓時(shí)感覺(jué)心頭一緊，好好的功能怎么說(shuō)不管用就不管用了呢？

原因

<page>
  <view class="body">
      <view class="view">{{desc}}</view>
  </view>
</page>
復(fù)制代碼

page元素和class為.body的view元素切記不可同時(shí)設(shè)置heigit: 100%;,否則，不論class為.view的元素高度超過(guò)窗口高度有多明顯，onPageScroll都不會(huì)觸發(fā)。

page {
  overflow: hidden;
}
.body {
  height: 100%; // 或 100vh;
}
復(fù)制代碼

原來(lái)，小伙伴為了防止?jié)L動(dòng)穿透，在page上加了個(gè)overflow: hidden;,在.body上加了個(gè)height: 100%;,導(dǎo)致onPageScroll不會(huì)觸發(fā)。

解決

page元素和class為.body的view元素，至少有一個(gè)設(shè)置height:auto;，否則就會(huì)導(dǎo)致onPageScroll不會(huì)觸發(fā)。問(wèn)題是解決了，but，有小伙伴知道原理是什么嗎？