在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > IT技术 >

西安网站建设页面滚动返回顶部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;}

  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:187 2951 9978
  • Q Q: 136 8888 63 点击这里给我发消息
  • 地址:西安市雁塔区唐延南路逸翠园i都会3号楼561