Jquery干扰了活动导航的滚动
我有以下Jquery:Jquery干扰了活动导航的滚动,jquery,html,css,Jquery,Html,Css,我有以下Jquery: //Change active class when scrolling $(window).scroll(function() { var position = $(document).scrollTop(); if (position <= home.top - 80) { $('.home-class').removeClass('active'); $('.resume-class').removeClass
//Change active class when scrolling
$(window).scroll(function() {
var position = $(document).scrollTop();
if (position <= home.top - 80) {
$('.home-class').removeClass('active');
$('.resume-class').removeClass('active');
$('.contact-class').removeClass('active');
}
if (position >= home.top - 80) {
$('.home-class').addClass('active');
$('.resume-class').removeClass('active');
$('.contact-class').removeClass('active');
}
if (position > resume.top - 50) {
$('.home-class').removeClass('active');
$('.resume-class').addClass('active');
$('.contact-class').removeClass('active');
}
if (position > contact.top - 50) {
$('.home-class').removeClass('active');
$('.resume-class').removeClass('active');
$('.contact-class').addClass('active');
}
});
为什么背景色不会改变?无论发生什么情况,它都将保持默认的蓝色。这与Jquery有关吗?(一旦我取出Jquery,它就会正常工作。奇怪。)也分享你的html代码。你在哪里设置默认的蓝色?请添加更多代码。我不会将其设置为任何颜色,@Alvaro。这是引导附带的默认蓝色。我正试图推翻它。
<nav class="navbar navbar-fixed-top">
<div class="container">
<ul class="nav nav-pills pull-right">
<li class="home-class"><a href="#home-page" id="home">Home</a></li>
<li class="resume-class"><a href="#resume-page" id="resume">Resume</a></li>
<li class="contact-class"><a href="#contact-page" id="contact">Contact</a></li>
</ul>
</div>
</nav>
#home:hover, #resume:hover, #contact:hover,
#home:focus, #resume:focus, #contact:focus,
#home:active, #resume:active, #contact:active {
background-color: #536872;
color: #FFFFFF;
}
.active {
background-color: #536872;
color: #FFFFFF;
}