首页 > 代码库 > 鼠标滚动效果
鼠标滚动效果
var $navFun = function() {
var st = $(document).scrollTop(),
headh = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height();
headh01 = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height()+$(‘div.act-one‘).height();
$nav_classify = $("div.silde-act-nav");
$dd = $(‘div.silde-act-nav a‘)
$back = $(‘.back-act‘)
if(st > headh){
$nav_classify.addClass("fixed");
$dd.eq(0).addClass(‘active‘);
} else {
$nav_classify.removeClass("fixed");
$dd.eq(0).removeClass(‘active‘);
}
if(st >headh01){
$dd.eq(0).removeClass(‘active‘);
$dd.eq(1).addClass(‘active‘);
} else{
$dd.eq(0).addClass(‘active‘);
$dd.eq(1).removeClass(‘active‘);
}
$back.on(‘click‘,function()
{
$(document).animate({ scrollTop: 0 }, 300);
return false;
})
};
var F_nav_scroll = function () {
if (!window.XMLHttpRequest) {
return;
}else{
//默认执行一次
$navFun();
$(window).bind("scroll", $navFun);
}
}
F_nav_scroll();
var st = $(document).scrollTop(),
headh = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height();
headh01 = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height()+$(‘div.act-one‘).height();
$nav_classify = $("div.silde-act-nav");
$dd = $(‘div.silde-act-nav a‘)
$back = $(‘.back-act‘)
if(st > headh){
$nav_classify.addClass("fixed");
$dd.eq(0).addClass(‘active‘);
} else {
$nav_classify.removeClass("fixed");
$dd.eq(0).removeClass(‘active‘);
}
if(st >headh01){
$dd.eq(0).removeClass(‘active‘);
$dd.eq(1).addClass(‘active‘);
} else{
$dd.eq(0).addClass(‘active‘);
$dd.eq(1).removeClass(‘active‘);
}
$back.on(‘click‘,function()
{
$(document).animate({ scrollTop: 0 }, 300);
return false;
})
};
var F_nav_scroll = function () {
if (!window.XMLHttpRequest) {
return;
}else{
//默认执行一次
$navFun();
$(window).bind("scroll", $navFun);
}
}
F_nav_scroll();
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。