本文共 3783 字，大约阅读时间需要 12 分钟。

���������������������������������������������������������

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

������������������������������������������

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

������������������onPullDownRefresh

{
    "window": {
        "TITLEbarColor": "white"
    }
}

2. ���JavaScript���������������������������

// in index.js
onPullDownRefresh() {
    console.log('������������������');
    wx.showNavigationBarLoading();
    wx.request({
        url: '������������������',
        // ������������
        success: function(res) {
            // ������������������
            wx.hideNavigationBarLoading();
            wx.stopPullDownRefresh();
        },
        fail: function() {
            wx.hideNavigationBarLoading();
            wx.stopPullDownRefresh();
        }
    });
}

���������������������������������������������

���������������������������������������������������������������������scroll-view���������������bindpull-to-bottom���������������������������

���������������������������

������������scroll-view���������������������������bindscrolltoupper���bindscrolltolower������������������������

������������������������������������������

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

������������������������������������

• ������������������������������������������������������
• ������������������������������������������������������������

������������������

���������������������������������������

//����eno���������������
var page = 0;
var pageSize = 5;
var totalItems = 0;
Page({
    data: {
        list: [],
        loadingHidden: true,
        scrollTop: 0,
        scrollHeight: ''
    },
    onPullDownRefresh() {
        wx.showNavigationBarLoading();
        page = 0;
        this.setData({
            hidden: true,
            list: []
        });
        loadMore();
    },
    onReachBottom() {
        if (totalItems < list.length) {} // ������������������������
        page++;
        loadMore();
    },
    loadMore() {
        wx.request({
            url: '������������������',
            data: {
                page: page,
                pageSize: pageSize
            },
            success(res) {
                this.list = this.list.concat(res.data.list);
                totalItems = res.data.totalItems;
                this.setData({
                    hidden: false,
                    list: [...this.list]
                });
                wx.hideNavigationBarLoading();
                wx.stopPullDownRefresh();
            },
            fail() {}
        });
    },
    scroll(e) {
        // ������������������������������
        this.setData({
            scrollTop: e.detail.scrollTop
        });
    }
});

������������

• ��������������������������������������������������������������������������������� IntersectionObserver ���������������
• ������������������������������������������������������������������������API������������������������

���������������������������������������������������������������������������������������������������������JSON���������������������������������������������������������������������������������������������