Slide the uniapp to a certain height and fix an element to the top effect demo (organize)

After sliding tab Fixed to the top

<template>
	<view class="topBox" :class="head==1?'topBoxStyle':''"> Test fixed top test fixed top </view>
</template>
<script>
	export default {
    
		data(){
    
			return{
    
				head: 0,
				myScroll:0,
			}
		},
		onLoad(e) {
    
			// Get the distance from the target plate to the top 
			uni.createSelectorQuery().select('.topBox').boundingClientRect(res=>{
    
				this.myScroll =res.top;
				console.log(this.myScroll,'this.myScroll-------')
			}).exec();
		},
		methods: {
    
			onPageScroll(e){
    
				// console.log(e,'eeeee')
				if(e.scrollTop > this.myScroll){
    
					this.temp= 1
				}else{
    
					this.temp= 0
				}
			},
		}
	}
</script>
<style>
	.boxStyle{
    
		width: 100%;
		height: 80rpx;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
	}
</style>