Question

我只是阅读有关标题的php文档。在阅读时我注意到了当我点击一个参数时，它会将我重定向到某个特定的div。

所以我的问题是如何将用户传递到底部的某个特定部分意味着向下滚动用户。

但没有像

那样传递id

somepage.php/article.php#mysection

我在 this php文档中看到了这一点。当我点击bool $replace或string $header它会将我重定向到标题Div 但不使用任何锚标记。我想重现这个功能。

我还在Chrome网络标签中查看。此外，没有任何请求通过。那么这实际上是如何运作的。？

Answer 1

你要做的就是找到特定div＆amp;的偏移量。向下滚动到那个div。

    $('#banner-message').click(function(event)
    {
    var goto = $(this).attr("data-goto");
      var offsetTop = $('.'+goto).offset().top;
     $('html, body').animate({
        scrollTop: offsetTop
    }, 2000);
  });

https://jsfiddle.net/xpvt214o/97576/

这将动画到底部或特定div，也不会在url或ajax请求中添加任何#tag。

Answer 2

您可以使用此插件：Typescript sandbox

然后，您可以在button或a元素上添加点击处理程序，这些元素将滚动到页面上的特定部分（您可以通过data属性链接）：

请参阅：https://github.com/flesler/jquery.scrollTo

e.g。

$(".localLink").on("click", function(){
     $(this).scrollTo($("#"+$this.data("localLink")));
})

向下滚动而不传递任何ID到页面或刷新

2 个答案: