$(document).ready(function(){ /* ----- 侧边悬浮 ---- */ $(document).on("mouseenter", ".suspension .a", function(){ var _this = $(this); var s = $(".suspension"); var isservice = _this.hasclass("a-service"); var isservicephone = _this.hasclass("a-service-phone"); var isqrcode = _this.hasclass("a-qrcode"); var iswb = _this.hasclass("a-wb"); var iswm = _this.hasclass("a-wm"); var isws = _this.hasclass("a-ws"); if(isservice){ s.find(".d-service").show().siblings(".d").hide();} if(isservicephone){ s.find(".d-service-phone").show().siblings(".d").hide();} if(isqrcode){ s.find(".d-qrcode").show().siblings(".d").hide();} if(iswb){ s.find(".d-wb").show().siblings(".d").hide();} if(iswm){ s.find(".d-wm").show().siblings(".d").hide();} if(isws){ s.find(".d-ws").show().siblings(".d").hide();} }); $(document).on("mouseleave", ".suspension, .suspension .a-top", function(){ $(".suspension").find(".d").hide(); }); $(document).on("mouseenter", ".suspension .a-top", function(){ $(".suspension").find(".d").hide(); }); $(document).on("click", ".suspension .a-top", function(){ $("html,body").animate({scrolltop: 0}); }); $(window).scroll(function(){ var st = $(document).scrolltop(); var $top = $(".suspension .a-top"); if(st > 400){ $top.css({display: 'block'}); }else{ if ($top.is(":visible")) { $top.hide(); } } }); });