调用wx.navigateTo后新页面高度显示问题

我在调用wx.navigateTo跳转到一个新页面后，页面有很多内容，当我下拉时，有一部分内容被截断了，以下是我用来测试的代码

<view class='product-root-detail'>    <view style='height:300px;background-color:#ccc;color:#fff;'>1</view>   <view style='height:300px;background-color:#ccc;color:#fff;'>1</view>   <view style='height:300px;background-color:#ccc;color:#fff;'>1</view>   <view style='height:300px;background-color:#ccc;color:#fff;'>1</view>   <view style='height:300px;background-color:#ccc;color:#fff;'>1</view>   <view style='height:300px;background-color:#000;color:#fff;'>6</view> </view>

我已经把滚动条拉到底了，但是如上图所示，内容为“6”的<view>的高度是300px，但是却被截断了一部分。请问是什么问题引起的？