我正在尝试将jquery localScroll用于我的网站,但似乎没有用。我曾尝试过更改课程和身份证,但我仍然没有运气。
你能帮我搞清楚吗?以下是导航区域的HTML代码,我想使用localScroll:
<nav class="navbar navbar-default navbar-fixed-top"role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand collapse navbar-collapse" href="#top">
<div class="toplogo animated rotateInDownRight"><img src="images/logoicon.png" alt="Smiley face" width="60" height="60">
</a></div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="brandname collapse navbar-collapse animated bounceInLeft">180 Degrees Career Solutions</div>
<div class="collapse navbar-collapse" id="bs-example-navbar- collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="#about">ABOUT</a>
</li>
<li>
<a href="#services">SERVICES</a>
</li>
<li>
<a href="#tips">TIPS</a>
</li>
<li>
<a href="#testimonials">TESTIMONIALS</a>
</li>
<li>
<a href="#contact">CONTACT</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
和
这是jquery:
$(document).ready(function(){
$('#top').slick({
autoplay: true,
arrows: true,
dots: false,
infinite: true
});
$('header').sticky({topSpacing: 0});
$.localScroll();
});
$ .localScroll();命令是我在这种情况下唯一使用的东西,但是我想向你们展示我的整个main.js文件夹,看看其他代码是否阻止它以某种方式工作。
希望我能搞清楚!
非常感谢您的帮助。