1.需求
想实现一个这样的效果
一开始这个城市组件 是透明的 在顶部 的固定定位
当屏幕滑动的时候到一定的距离 将这个固定的盒子 背景颜色变成白色
2.Taro中的滚动
Taro中的滚动 有固定的api 像生命周期一样 这个生命周期是 usePageScroll
import Taro, { useDidShow, usePageScroll } from "@tarojs/taro";
usePageScroll((res) => {
if (res.scrollTop >= 228) {
isColorLight.value = true;
} else {
isColorLight.value = false;
}
});
这个里面是scrollTop的值 根据项目里的 这个高度 计算出一个布尔值
这样就可以实现这个功能