$(function() { //右侧悬浮窗出现效果 $('body').on('mouseenter','.floatwindow',function(){ $('.floatwindow_box').stop(true).fadein(); }) $('body').on('mouseleave','.floatwindow',function(){ $('.floatwindow_box').stop(true).fadeout(); }) //导航栏hover效果 $('body').on('mouseenter','.headernav>li',function(){ $(this).find('.headerdown').stop(true).show(); }) $('body').on('mouseleave','.headernav>li',function(){ $(this).find('.headerdown').stop(true).hide(); }) }) $(window).scroll(function () { var h = $(window).scrolltop() if (h > $('.warpper').offset().top - 150) { $('.publicnav').addclass('fiexd'); }else{ $('.publicnav').removeclass('fiexd'); } }) // 注意在设置所有dom高度代码之后 window.onload=function(){ $("html,body").animate({scrolltop:0},0) var url = window.location.tostring(); var id = url.split("#")[1]; if(id && id!=""){ if($("#"+id).length>0){ var t = $("#"+id).offset().top-80; //80代表的是导航栏的高度 $("html,body").animate({scrolltop:t},10) } } $('a').click(function(){ if($(this).attr("href") && $(this).attr("href").split("#")[1]){ var a=$(this).attr("href").split("#")[1]; var p=$("#"+a).offset().top-80; //80代表的是导航栏的高度 $("html,body").animate({scrolltop:p},10); } }) }