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