jQuery实现自动滚动到页面顶端的方法
本文实例讲述了jQuery实现自动滚动到页面顶端的方法。分享给大家供大家参考。具体实现方法如下:
$(".scroll").click(function(event) { //preventthedefaultactionfortheclickevent event.preventDefault(); //getthefullurl-likemysitecom/index.htm#home varfull_url=this.href; //splittheurlby#andgettheanchortarget //name-homeinmysitecom/index.htm#home varparts=full_url.split("#"); vartrgt=parts[1]; //getthetopoffsetofthetargetanchor vartarget_offset=$("#"+trgt).offset(); vartarget_top=target_offset.top; //gotothatanchorbysettingthebodyscrolltoptoanchortop $('html,body').animate({scrollTop:target_top},500); });
希望本文所述对大家的jQuery程序设计有所帮助。