jQuery平滑滚动到新页面链接

Question

平滑滚动可以在同一页面上正常工作。 但是，我希望单击时平滑滚动可用于其他页面。 例如，当我单击主页上的服务链接时，我需要转到该服务页面并平滑滚动到该div标签。 你能帮我吗

HTML代码

        <ul class="secondmenu">
            <li><a href="Home.html#main1">Home</a></li>
            <li><a href="about.html#main2">About</a></li>
            <li><a href="services.html#templatemo_main">Technology</a></li>
            <li><a href="about.html#templatemo_main">Team</a></li>
        </ul>

jQuery的

jQuery('.secondmenu a').click(function (e) {
e.preventDefault();
var target = this.hash;
if (this.href != '#') {
    jQuery('html, body').animate({
        scrollTop: jQuery(target).offset().top - 60
    }, 1000);
} });

Answer 1

由于必须转到页面加载的相应部分，因此您应该在ready函数中编写脚本。

<script>
      $( document ).ready(function(e) {
        var target = window.location.hash; //The hash property sets or returns the anchor part of a URL, including the hash sign
        if (typeof target != "undefined") { //Checks if the variable is undefined incase no hash property exists
            $('html, body').animate({
                scrollTop: $(target).offset().top - 60
            }, 1000);
           e.preventDefault(); 
        }
    });
</script>

希望能帮助你交配.. :)