wxml
<scroll-view style="height:100vh" class='scroll' scroll-y='true' scroll-top="{{scrollTop}}px">
<view style="height:1000rpx">
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view id="scroll">111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
<view>111</view>
</view>
</scroll-view>
js
const app = getApp()
var setNum = 0;
Page({
/**
* 页面的初始数据
*/
data: {
scrollTop:0,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.createSelectorQuery().selectAll('#searchBox').boundingClientRect(function (rect) {
//第一种
// setNum = setInterval(function(){
// if(_that.data.scrollTop >= rect[0].top){
// clearInterval(setNum)
// }
// _that.setData({
// scrollTop: _that.data.scrollTop+1
// })
// },5)
//第二种
_that.setData({
scrollTop: rect[0].top,
})
}).exec()
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
clearInterval(setNum)
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
clearInterval(setNum)
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})