西安网站建设页面滚动返回顶部JS及增加删除css的class或者id等属性
div#it2168 {
transition: 0.5s 0.5s;
}
$(window).scroll(function () {
if ($(window).scrollTop() > 0) {
$(".navBar").attr("id", "navbig")
$("#it2168").addClass("menu_bg");
$("#it2169").css("top","8px");
}else{
$(".navBar").removeAttr("id", "navbig")
$("#it2168").removeClass("menu_bg");
$("#it2169").css("top","17px");
}
});
西安网站建设页面滚动返回顶部JS及增加删除css的class或者id等属性
function goTop(){
$('html,body').animate({'scrollTop':0},600);
}
$(window).scroll(function(event){
if ($(this).scrollTop()>260){
$(".side").fadeIn();
}
else
{
$(".side").fadeOut();
}
});
-------------------------------------------------
-------------------------------------------------
if ($(window).scrollTop() > 0) {
$(".header").removeClass("addheader");
$(".logo").removeClass("logomargin");
$(".htmleaf-content").removeClass("marginzero");
}else{
$(".header").addClass("addheader");
$(".logo").addClass("logomargin");
$(".htmleaf-content").addClass("marginzero");
}
.addheader{
background: rgba(255,255,255,.25);
height:90px!important;
line-height:90px;
z-index: 1000;
}
.addheader .navBar{ height:90px; line-height:normal;transition: 0.5s 0.5s;}
.addheader .nav h3 a:link, .nav h3 a:visited{ height:88px;; line-height:88px;transition: 0.5s 0.5s;color:#000}
.addheader .nav .sub{ top:90px;}
.addheader .nav .sub li a:link, .nav .sub li a:visited{background: rgba(255,255,255,.25); color:#fff;}
.addheader .nav .sub li a:hover{ color:#382f5a}
.addheader .nav .cur h3 a:link, .nav .cur h3 a:visited{ color:#000}
.addheader .nav h3 a:link, .nav h3 a:visited{ color:#000}
.logomargin{ margin-top:10px;transition: 0.5s 0.5s;}
.marginzero{ margin-top:0;transition: 0.5s 0.5s;}