0

这是我第一个没有 CMS 的网站，我对 jQuery 有点迷失。我只是想根据用户所在的位置激活我的固定导航栏的元素。我正在使用引导程序构建我的网站，这就是我使用 scrollspy 功能的原因。如果有人可以帮助我以其他方式做到这一点，那就太好了。我在这里用 html、css 和 jquery 代码创建了一个小提琴 我也在这里写下代码。提前致谢。

<body data-spy="scroll" data-target="#top-menu">
<div>
<ul id="top-menu" style="background: green;">
<li><a class="active" href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
</ul>
</div>
<br><br>

<div id="home">
<p>This is home section</p>
</div>
<div id="about">
<p>About</p>
</div>
<div id="portfolio">
<p>This is the portfolio</p>
</div>
</body>

jquery 在这里

4

1 回答 1

1

您应该在代码中为 ul 元素添加“nav”类，并为列表的父 div 元素的数据目标值 id 设置。

像下面的代码一样：

<body data-spy="scroll" data-target="#top-menu">
    <div id="top-menu">
    <ul style="background: green;" class="nav">
    <li><a class="active" href="#">Home</a></li>
    <li><a href="#about">About</a></li>
    <li><a href="#portfolio">Portfolio</a></li>
    </ul>
    </div>
    <br><br>

    <div id="home">
    <p>This is home section</p>
    </div>
    <div id="about">
    <p>About</p>
    </div>
    <div id="portfolio">
    <p>This is the portfolio</p>
    </div>
</body>
于 2013-06-03T06:01:09.397 回答