今天在小程序上用onPageScroll写的滚动监听,突然被反馈失效了，顿时感觉心头一紧，好好的功能怎么说不管用就不管用了呢？

原因

<page>
  <view class="body">
      <view class="view">{{desc}}</view>
  </view>
</page>
复制代码

page元素和class为.body的view元素切记不可同时设置heigit: 100%;,否则，不论class为.view的元素高度超过窗口高度有多明显，onPageScroll都不会触发。

page {
  overflow: hidden;
}
.body {
  height: 100%; // 或 100vh;
}
复制代码

原来，小伙伴为了防止滚动穿透，在page上加了个overflow: hidden;,在.body上加了个height: 100%;,导致onPageScroll不会触发。

解决

page元素和class为.body的view元素，至少有一个设置height:auto;，否则就会导致onPageScroll不会触发。问题是解决了，but，有小伙伴知道原理是什么吗？