千家信息网

jQuery如何返回页面顶部功能

发表于:2024-09-25 作者:千家信息网编辑
千家信息网最后更新 2024年09月25日,这篇文章主要介绍了jQuery如何返回页面顶部功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。返回页面顶部功能For a smoot
千家信息网最后更新 2024年09月25日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如何返回页面顶部功能"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

0