uniapp navbar栏 页面滑动 背景颜色从透明到白色

<template>
<u-navbar title='页面滚动' autoBack :bgColor="`rgba(255,255,255,${opacity})`">

</u-navbar>
</template>


<script>
	export default {
		data() {
			return {
               opacity: 0

            }
        },
		onPageScroll(e) {
			if (e.scrollTop <= 44) {
				this.opacity = e.scrollTop / 44 * 1
			} else if (e.scrollTop > 44) {
				this.opacity = 1
			}
		},
    }
</script>