小程序上拉下拉共存时不可使用scroll-view的解决方法

来源:互联网 发布:淘宝开店审核要多久 编辑:程序博客网 时间:2024/05/16 13:55

使用bindscrolltolower,必须搭配使用的scroll-view会导致小程序"enablePullDownRefresh": true下拉不能使用。

解决方法,就是当两者同时存在时,改scroll-viewview,改bindscrolltoloweronReachBottom函数。

这样在上拉加载,跟下拉刷新同时存在的时候,"enablePullDownRefresh": true就可以生效了。

  • wxml
<view class="scroll-view">    <view class="view-item"><text>text1</text></view>    <view class="view-item"><text>text2</text></view>    <view class="view-item"><text>text3</text></view>    <view class="view-item"><text>text4</text></view>    <view class="view-item"><text>text5</text></view>    <view class="view-item"><text>text6</text></view>    <view class="view-item"><text>text7</text></view>    <view class="view-item"><text>text8</text></view>    <view class="view-item"><text>text9</text></view></view>
  • wxss
    .scroll-view {        height: 1300rpx;    }    .view-item {        width: 33.333333%;        height: 300rpx;        float: left;        color: #ffff;        background: #888;    }
  • js
    Page({        data: {        },        onLoad: function(option) {            wx.request({                },                success: function(res) {                }            });        },        // 加载数据函数        onReachBottom: function(event) {            console.log("滚到底了");        },    })
0 0
原创粉丝点击