鼠标滚轮距离顶部大于一定的距离变换导航条样式,以及点击导航按钮到达对应的一屏
/**
* Created by Administrator on 2018/5/11.
*/
$(function(){
function whell() {
if ($(window).scrollTop() > 90)
{
$("nav.navbar").addClass("nav2");
}
else
{
$("nav.navbar").removeClass("nav2");
}
}
whell();
$(window).scroll(function(){
whell();
});
var index;
$("ul.nav a").click(function() {
index = $(this).parent().index();
$(this).addClass("red").parents().siblings().find("a").removeClass("red");
$("html,body").animate({scrollTop: $('.all>div').eq(index).offset().top}, 300);
whell();
})
});