微信小程序scroll-view bindscrolltoupper & bindscrolltolower打死都不响应的问题

#从web前端转小程序开发，遇到了无数坑，

在这里我要吐槽一句，腾讯没有自己的浏览器内核，改个源代码都他妈改的乱七八糟，兼容性差的要死。
#不说了，看问题

<scroll-view style="height:500px" bindscrolltoupper="onProductScrollToUpper" bindscrolltolower="onProductScrollToUpper" scroll-y scroll-with-animation>
    <view style="height:200px;">
       ....
    </view>
</scroll-view>

本以为可以正常运行的，妈的死活都不运行，百度一下，全他妈一个抄一个
最后还是自己深入研究，发现要让scroll-view 触发 bindscrolltoupper 跟 bindscrolltolower 必须满足以下条件

1：需要设置scroll-view高度，不管你是page 100% 还是咋样，没高度我怎么给你计算滚动到哪里了？
2：scroll-view 里面的内容必须超过scroll-view的高度，没超过你都想让我触发事件？

#好了，找到问题之后我们应该怎么办

<scroll-view style="height:500px" bindscrolltoupper="onProductScrollToUpper" bindscrolltolower="onProductScrollToUpper" scroll-y scroll-with-animation>
    <view style="height:200px;">
       ....
    </view>
    <view style="height:200px;">
       ....
    </view>
    <view style="height:200px;">
       ....
    </view>
    <view style="height:200px;">
       ....
    </view>
    <view style="height:200px;">
       ....
    </view>
    <view style="height:200px;">
       ....
    </view>
</scroll-view>

不滚动你来打我 ~~~ ，最后一句，转载请注明出处