微信小程序页面出现onReachBottom不触发的情况

源代码的情况是

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
	console.log("-------");
},

.page {
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
}

无法触发的原因是：height设置为100vh,会导致滑动不会触底。
修改一下css就会触发。

.page {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}