[原创]小程序之ScrollView细节坑

Scroll-View

相信大家在使用scroll-view的时候遇到不少问题,网上也有些答案,但是类似我这个问题,貌似没搜索到答案~~

今天媳妇问我,为什么bindscrolltolower突然不生效了~~~  我从原来的项目看了下,的确是没有问题的.... 但是他的代码有的页面可以有的页面不可以.

最后发现 的确太坑,这里记录一下.

 

 

 

当在scrollview里面渲染template 的时候~ 大家习惯外层都会嵌套一层view ~~~~问题就在这里了. 

有些人为了方便,是在template里面有个view 写完整了style,   包裹template的view就没写和高度有关的style~~~~~ 问题就在这里.

大致代码如下

<scroll-view scroll-y class="showPanelBox" bindscrolltolower="lower" scroll-top='50' lower-threshold='30'>
  <block wx:for="{{showlist}}" wx:for-item="item" wx:key="">
    <view style='margin-top:1px'> <--------划重点
      <template is="collected" data="{{...item}}"></template>
    </view>
  </block>
</scroll-view>

哪怕你是用margin-top:1px 都可以, 但是这个外层view 必须有和宽高相关的style,如果没有~~那么就对不起.....lower不动....

 

大致猜想是渲染前后计算高度导致scrollview认为里面没内容,虽然你拖动了,但是根本不是在这个组件里面拖动的~~~~都是猜的, 思路有点乱. 就不多BB了.

感觉也是写代码规范的问题~