html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

jQuery实现自动滚动到页面顶端的方法_jquery_

[ ] 已经帮助:人解决问题

本文实例讲述了jQuery实现自动滚动到页面顶端的方法。分享给大家供大家参考。具体实现方法如下:pBcHTML5中文学习网 - HTML5先行者学习网

$(".scroll").click(function(event){  //prevent the default action for the click event  event.preventDefault();  //get the full url - like mysitecom/index.htm#home  var full_url = this.href;  //split the url by # and get the anchor target   //name - home in mysitecom/index.htm#home  var parts = full_url.split("#");  var trgt = parts[1];  //get the top offset of the target anchor  var target_offset = $("#"+trgt).offset();  var target_top = target_offset.top;  //goto that anchor by setting the body scroll top to anchor top  $('html, body').animate({scrollTop:target_top}, 500);});​

希望本文所述对大家的jQuery程序设计有所帮助。pBcHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助