javascript JQuery Smooth Scroll to Anchors

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript JQuery Smooth Scroll to Anchors相关的知识,希望对你有一定的参考价值。

<!----------- Smooth Scroll to Anchors ----------------->
<script>
jQuery(document).ready(function(){
jQuery('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|| location.hostname == this.hostname) {
var target = jQuery(this.hash);
target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
if (target.length) {
jQuery('html, body').animate({
scrollTop: target.offset().top - 90 }, 1000);
return false;
}
}
});
});
jQuery(window).load(function(){
function goToByScroll(id){
jQuery("html, body").animate({scrollTop: jQuery("#"+id).offset().top - 90 }, 1000);
}
if(window.location.hash != '') {
goToByScroll(window.location.hash.substr(1));
}
});
    </script>
<!----------- END Smooth Scroll to Anchors ----------------->

以上是关于javascript JQuery Smooth Scroll to Anchors的主要内容,如果未能解决你的问题,请参考以下文章

javascript jQuery Smooth Scroll

javascript jQuery Smooth Scroll

javascript jQuery Smooth Scroll

javascript JQuery Smooth Scroll to Anchors

jquery-smooth-scroll可以全屏滑动吗

JavaScript - window.scroll( behavior: 'smooth' ) 在 Safari 中不起作用