HTML页内链接平滑跳转

2024-02-05 19:23:46

作者

chenxuan

问题

想在html中链接平滑跳转是的页面更加流畅
在网上几乎找遍各个平台要么链接了外部js，要么就是无法使用

解决办法


$(document).ready(function() {

      var $root = $('html, body'); 

       $('a').click(function() {

       var href = $.attr(this, 'href');

       $root.animate({

           scrollTop: $(href).offset().top

              }, 2000, function () {

             window.location.hash = href;

              })；return false;

            });

        })

放代码到js里面就OK了