UNIAPP----滑动距离改变导航栏淡隐淡出

核心思想：

onPageScroll(e)  通过这个方法,监听滑动的距离,通过距离,动态修改透明的

如果滑动的距离，e.scrollTop在哪个距离区间，就去修改view的bgcolor的透明度，

如果想要知道opacity和rgba的区别，去这里我的文章了解一下。

onPageScroll(e) {
		if (e.scrollTop >= 0 && e.scrollTop <= 8) {
			this.bgcolor = 'opacity:0';
		} else if (e.scrollTop > 8 && e.scrollTop <= 16) {
			this.bgcolor = 'opacity:0.1';
		} else if (e.scrollTop > 16 && e.scrollTop <= 24) {
			this.bgcolor = 'opacity:0.2';
		} else if (e.scrollTop > 24 && e.scrollTop <= 32) {
			this.bgcolor = 'opacity:0.3';
		} else if (e.scrollTop > 32 && e.scrollTop <= 40) {
			this.bgcolor = 'opacity:0.4';
		} else if (e.scrollTop > 40 && e.scrollTop <= 48) {
			this.bgcolor = 'opacity:0.5';
		} else if (e.scrollTop > 48 && e.scrollTop <= 56) {
			this.bgcolor = 'opacity:0.6';
		} else if (e.scrollTop > 56 && e.scrollTop <= 64) {
			this.bgcolor = 'opacity:0.7';
		} else if (e.scrollTop > 64 && e.scrollTop <= 72) {
			this.bgcolor = 'opacity:0.8';
		} else if (e.scrollTop > 72 && e.scrollTop <= 80) {
			this.bgcolor = 'opacity:0.9';
		} else if (e.scrollTop > 80) {
			this.bgcolor = 'opacity:1';
		}
}