uniapp中监听scrool-view滚动和设置样式的一些总结

<scroll-view scroll-y="true" class="content_box" id="content" @scroll="scroll">
@scroll是可以监听页面滚动的uniapp内置函数
methods: {
     
			scroll(event) {
     
				//距离每个边界距离
				console.log(event.detail)
			}
		}

但必须给scroll-view设置一个高度，很多时候直接给scroll-view设置样式不生效必须绑定一个class再设置这个class高度才可以进行样式的设置

log出的event.detail有4个大小位置属性scrollLeft,scrollTop,scrollHeight,scrollWidth
其中都是距离自己这个scroll-view的属性不是距离屏幕的