微信小程序开发滑动页面后搜索框随即显示，回到顶部后消失

研究了微信小程序简单的一个小功能，必须分享出经验来

 

wxml代码示例：

<view hidden='{{xg_sokuang}}'>搜索框</view>

JS代码示例：

Page({
	data: {
		xg_sokuang: true
	},
	onPageScroll: function (e) {
		if (e.scrollTop > 70) { //距顶数值
			this.setData({
				xg_sokuang: false
			});
		} else {
			this.setData({
				xg_sokuang: true
			});
		}
	}
})

 

效果示例：