Question

我的index.php有不同的部分，例如top，service，aboutus和contactus。我的header.php位于包含文件夹中并且我将它分别包含在每个文件中。我添加了jquery以便为部分顺利滚动。

现在我有gallery.php具有相同的标题。现在我想要将每个部分从图库调用到索引/部分。所以我将href="#service"更改为href=index.php#service。现在它可以在索引页面和图库页面中使用。

问题： 如果我从index.php调用该部分，则可以使用平滑滚动。当我从gallery.php调用一个部分时，它只是加载index.php的上半部分并突然移动到被调用的部分。我希望它能够顺利移动。我怎样才能实现它？

$(document).ready(function(){   
  $("a").on('click', function(event) {

    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});

Answer 1

您的代码看起来不错，但您必须使 footer.php 并从 footer.php 调用函数，以便您的问题能重新开始。

因为我使用我们必须从页脚调用所有jquery相关的东西，但它取决于你的要求所以在这种情况下你可以从 footer.php

打电话

滚动链接到另一个页面的部分顺利

1 个答案: