实现Header渐隐渐显效果

解决问题1.点击圆圈回到首页。

头部组件

父组件

解决问题2.页面往下拉，圆圈可隐藏。

1.布局+样式。

显示隐藏的加逻辑代码

1。刚进页面时，圆圈显示，标题栏不显示。当滑到top为60px，显示标题栏。显示隐藏。

2.滚动的逻辑代码。下拉显示标题栏。

3.渐隐渐显效果。