Question

我建立了一个网站，其中主页有一个联系表格部分，其他页面没有。使用Jquery，我确保当用户单击主页上导航栏中的联系人链接时，该页面将向下滚动到联系表单部分。让我们说用户在“关于我们”页面上并点击联系人链接，我希望网站将用户带回主页并向下滚动到联系表单部分。有可能??

感谢您的回答。

Answer 1

您可以使用下面的id和滚动功能脚本轻松向下滚动到目标。

<script>
$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

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

      var hash = this.hash;

      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){

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

您可以使用＃和 href ，使用以下语法向下滚动到所需的部分

<a href="#section_target">Click Me to Smooth Scroll to Section Below</a>

如果您想要定位其他页面中的部分，只需使用目标部分ID

后面的链接

<a href="index.html#section_target">Take to target section in homepage</a>

定位网址以及部分ID

希望这就是你要找的......

从一个页面平滑滚动到另一个页面中的特定部分

1 个答案: