javascript 转到herf并滚动到元素

Question

我的问题是如何将此代码 href 获取到链接，并在加载链接时滚动到元素。

$(document).ready(function() {
$(".jumper").on("click", function( e ) {

    e.preventDefault();

    $("body, html").animate({ 
        scrollTop: $( $(this).attr('name') ).offset().top 
    }, 600);

});

})

这是链接。所有链接都必须跳转到同一页面，在我单击子链接(带有 class="jumper"的链接)后，它必须跳转到该页面并滚动到该元素

attr 名称表示它必须转到哪个 div

<li class='has-sub'><a href='cursus.php'><span>Cursus</span></a>
              <li class='last'><a class="jumper" href='cursus.php' name='5'><span>Android Phone & tablet</span></a></li>  <ul>
               <li><a class="jumper" href='cursus.php' name='4'><span>Software</span></a></li>
               <li><a class="jumper" href='cursus.php' name='3'><span>Hardware</span></a></li>
               <li><a class="jumper" href='cursus.php' name='2' ><span>Windows 7 & 8</span></a></li>
               <li><a class="jumper" href='cursus.php' name='1' ><span>Microsoft office</span></a></li>

         </ul>
    </li>

有人知道我正在寻找的答案吗？

Answer 1

尝试这样使用它......

<li class='has-sub'><a href='cursus.php'><span>Cursus</span></a>
          <li class='last'><a class="jumper" href='cursus.php#5' ><span>Android Phone & tablet</span></a></li>  <ul>
           <li><a class="jumper" href='cursus.php#4'><span>Software</span></a></li>
           <li><a class="jumper" href='cursus.php#3' ><span>Hardware</span></a></li>
           <li><a class="jumper" href='cursus.php#2'  ><span>Windows 7 & 8</span></a></li>
           <li><a class="jumper" href='cursus.php#1' ><span>Microsoft office</span></a></li>

     </ul>
</li>

在你的 cursus.php 页面中

$('html,body').animate({
  scrollTop: $(window.location.hash).offset().top
});