Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "how to achieve full-screen animation scrolling by WeChat Mini Programs". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to achieve full-screen animation scrolling by WeChat Mini Programs" can help you solve the problem.

Implementation code:

Page ({

Data: {

Scrollindex:0, / / Index value of the current page

Totalnum:5, / / Total number of pages

Starty:0, / / starting position x

Endy:0, / / end position y

Critical: 100, / / the critical value for triggering page turning

Margintop:0, / / sliding drop-down distance

}

OnLoad: function () {

}

ScrollTouchstart:function (e) {

Let py = e.touches [0] .pageY

This.setData ({

Starty: py

})

}

ScrollTouchmove:function (e) {

Let py = e.touches [0] .pageY

Let d = this.data

This.setData ({

Endy: py

})

If (py-d.starty-100) {

This.setData ({

Margintop: py-d.starty

})

}

}

ScrollTouchend:function (e) {

Let d = this.data

If (d.endy-d.starty > 100 & & d.scrollindex > 0) {

This.setData ({

Scrollindex: d.scrollindex-1

})

} else if (d.endy-d.starty

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.