uni-app根据滚动距离决定tab选项卡的类名的三目表达式

最新推荐文章于 2022-09-20 00:18:33 发布

XPX17

最新推荐文章于 2022-09-20 00:18:33 发布

阅读量177

点赞数

分类专栏： uni-app

本文链接：https://blog.csdn.net/qq_35547053/article/details/115128564

版权

移动端开发滚动事件类名切换 Vue.js 用户体验

关键词由CSDN通过智能技术生成

uni-app 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

        <view :class="[showTab?'':'endFixd','end-title']"> </view>
        //end-title  公共类
        data() {
			return {
				showTab: true
		        }
		},
      //根据滚动距离决定tab选项卡的类名
		onPageScroll(res) {
			//获取距离顶部距离
			const scrollTop = res.scrollTop;
			// 获取屏幕宽高
			const {
				windowWidth,
				windowHeight,
				statusBarHeight
			} = uni.getSystemInfoSync();
			if (scrollTop > 0) {
				if (scrollTop >= 50) {
					this.showTab = false
				}else if(scrollTop <= 50){
				    this.showTab = true
			    }
			}
		},