主要介绍了vue实现导航标题栏随页面滚动渐隐渐显效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

项目开发中导航栏随页面滚动渐隐渐显这一功能还是较为常用的，下面作一个用vue实现此功能的代码分享。 1. 为导航栏元素style属性用v-bind绑定data数据”opacityStyle”。 景点详情 //内容我就简约了，实际开发以需求为准 2. data中定义opacityStyle，数据内容是opacity透明度属性，设置为0。 data() { return { opacityStyle:{ opacity:0 } } } 3. 监听scroll事件并执行相应方法，一般我