WeChatアプレット仮想リストの応用例

getEleInfo(ele) {
    新しい Promise を返します ( 解決、拒否 ) => {
        const クエリ = wx.createSelectorQuery().in(this);
        クエリを選択します(ele).boundingClientRect();
        クエリ.selectViewport().scrollOffset();
        クエリ.exec( res => {
            解決する(res);
        })
    })
},

this.getEleInfo('.stock').then( res => {
    (!res[0]) の場合、戻り値:
    // 画面の高さ this.screenHeight = res[1].scrollHeight;
    //ボックスの高さ this.boxhigh = res[0].height;
})

onPageScroll(e) {
    scrollTop を e とします。
    this.start = Math.floor(scrollTop / this.boxhigh);
    this.end = this.start + this.visibleCount;
    this.offsetY = this.start * this.boxhigh; 
}

計算: {
    可視データ() {
        this.data.slice(this.start, Math.min(this.end, this.data.length)) を返します
    },
}

前カウント() {
    Math.min(this.start, this.visibleCount) を返します。
},
次のカウント() {
    Math.min(this.visibleCount、this.data.length - this.end) を返します。
},
可視データ() {
    start = this.start - this.prevCount とします。
        終了 = this.end + this.nextCount;
    this.data.slice(start, Math.min(end, this.data.length)) を返します。
},

    マウント() {
        this.deliquate = this.throttle(this.changeDeliquate, 130)
    },
    メソッド: {
        スロットル(fn, 時間) {
            var 前 = 0;
            関数(scrollTop)を返す{
                now = Date.now() とします。
                if ( 現在 - 前回 > 時刻 ) {
                    fn(スクロールトップ)
                    前 = 今;
                }
            }
        },
        changeDeliquate(スクロールトップ) {
            this.start = Math.floor(scrollTop / this.boxhigh);
            this.end = this.start + this.visibleCount;
            this.offsetY = this.start * this.boxhigh; 
            console.log('setData を実行')
        }
    },
    onPageScroll(e) {
	scrollTop を e とします。
        console.log('スクロール ==================>>>>>>>')
        this.deliquate(スクロールトップ);
    }