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