Vue监听滚动实现导航栏锚点定位

最新推荐文章于 2024-07-17 15:56:02 发布

菩提树_

最新推荐文章于 2024-07-17 15:56:02 发布

阅读量801

点赞数

分类专栏： vue javaScript

本文链接：https://blog.csdn.net/weixin_38002190/article/details/117413674

版权

本文介绍如何在Vue应用中通过监听滚动事件，实现实时的导航栏锚点定位，确保顶部导航在滚动到特定位置时能固定吸附在顶部。

摘要由CSDN通过智能技术生成

父级

<div>
       <div id="floor0"></div>
        <div id="floor1"></div>
        <div id="floor2"></div>
        <div id="floor3"></div>

子组件

   <ul id="tab"  slot="center" class="compreDiagnosisInfoUl" :class="navBarFixed == true ? 'navBarWrap':''">
                <li  id="tab1" class="active" @click="itemClick('floor0',0)">
                    <h2 class="top">导航一</h2>
                </li>
                <li id="tab2" @click="itemClick('floor1',1)"  v-if="header.fundtype != '货币型'">
                    <h2 class="top">导航二</h2>                 
                </li>