QY千亿国际

厦门

语言

简体中文

繁體中文

当前位置：首页 / 厦门建站百科 / 厦门常见问题

实现网站锚点链接平滑滚动效果

时间：2022-12-31 浏览量：收藏

网站前端设计中使用锚点链接来跳转到页面指定位置的时候，会生硬地立即跳转到指定位置，但是有些时候QY千亿国际想要平滑地过渡到指定的位置，那么可以使用JQuery简单的实现平滑滚动效果。需要的页面引入以下代码即可：

<li id='t8JQC'></li><dd id='fTJwK'><tbody id='IaQup'><td id='PhOm7'><optgroup id='2d96t'><strong id='TSCrh'></strong></optgroup><address id='BP5xV'><ul id='oCkyd'></ul></address><big id='6p6vP'></big></td><table id='qgrBh'></table></tbody><pre id='kABHO'></pre></dd><span id='OHvyE'><b id='wqrpj'></b></span><kbd id='U63YI'></kbd><dl id='uB9bK'><abbr id='U7XVw'></abbr></dl><acronym id='B8rZ1'><style id='clVkN'><blockquote id='LX6Og'><dfn id='nO0RE'><label id='Dn7Vk'></label></dfn><th id='zaS0G'></th></blockquote><center id='BVbJY'></center><strike id='g4NB0'><code id='oXpdA'><thead id='EHMxk'><button id='JG7yh'></button><div id='z5jS3'><legend id='O3eD4'></legend></div><li id='SalX8'></li></thead><abbr id='pQKAS'></abbr></code></strike><tt id='34kmb'><option id='3odGJ'><dl id='WW73H'><ul id='mdl7c'></ul><div id='Q7GPi'><q id='6irnS'><fieldset id='7ifAA'><noframes id='hJTlM'><label id='52Dlp'><u id='r2As8'><fieldset id='rv3QF'><pre id='7xEeg'></pre></fieldset></u></label><tr id='U71YM'></tr><address id='NRFBz'><abbr id='Nu0th'><tt id='YCuz1'><span id='eS0qA'><p id='Kqy6D'><noframes id='UeOf3'><strike id='8bOIL'></strike></noframes></p></span><dir id='Jv93u'><dir id='8wIJQ'><table id='Dcenb'><pre id='c8Jxc'></pre></table><legend id='xtK9O'><dd id='JP4Ak'><sup id='XYVYr'></sup><del id='STg7D'></del></dd><b id='oRYpa'></b><address id='S0Bd1'></address><li id='aBqGn'></li></legend></dir></dir></tt><abbr id='pVanV'></abbr><blockquote id='sChy4'></blockquote><center id='Pqq6t'></center></abbr></address></noframes><div id='s1N5X'><center id='QEu87'><pre id='JnZKk'><b id='vHpKb'><code id='7T4kk'></code><table id='VJAwu'></table></b><optgroup id='BSFUI'><font id='jXvSH'></font><kbd id='VAcql'></kbd></optgroup></pre></center><noframes id='eMHoH'></noframes></div></fieldset></q><address id='hbQ5x'></address></div><dir id='I8DTc'></dir></dl></option></tt><dfn id='LF0Zr'><optgroup id='6z7Fj'></optgroup></dfn><tfoot id='219Xx'><bdo id='Zs0QG'><div id='pZFyV'></div><i id='vOcfY'><dt id='IEY5s'></dt></i></bdo></tfoot><ul id='781Hh'></ul><table id='Zd32v'><tbody id='ESXky'></tbody><bdo id='7h1Fo'></bdo></table><fieldset id='r0bMV'></fieldset><fieldset id='GkQDp'></fieldset><script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
//网站锚点链接平滑滚动
<script type="text/javascript">
    $(function() {
      $('a[href*="#"]:not([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) {
            $('html, body').animate({
              scrollTop: target.offset().top
            }, 1000);
            return false;
          }
        }
      });
    });
</script>