jQuery如何返回页面顶部功能

这篇文章主要介绍了jQuery如何返回页面顶部功能，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都创新互联网站建设公司一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！专注中小微企业官网定制，成都网站建设、网站设计，塑造企业网络形象打造互联网企业效应。

返回页面顶部功能

For a smooth(animated) ride back to the top(or any location).

$(document).ready(function() { 
$('a[href*=#]').click(function() { 
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) { 
   var $target = $(this.hash); 
   $target = $target.length && $target 
   || $('[name=' + this.hash.slice(1) +']'); 
   if ($target.length) { 
  var targetOffset = $target.offset().top; 
  $('html,body') 
  .animate({scrollTop: targetOffset}, 900); 
    return false; 
   } 
  } 
  }); 
// how to use 
// place this where you want to scroll to 
 
// the link 
go to top 
});

感谢你能够认真阅读完这篇文章，希望小编分享的“jQuery如何返回页面顶部功能”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

名称栏目：jQuery如何返回页面顶部功能
文章路径：http://cdxtjz.cn/article/pdidji.html