php - 如何使用 Header 滚动到特定 ID？

Question

喜欢链接:http://getbootstrap.com/css/#type
这里当你打开这个链接时，Window 会自动滚动到type id。
他们是怎么做到的？
我的意思是，如何使用 some.com/post/#id 之类的 header 滚动到同一页面上的特定 id如果您需要更多说明，请在下方评论。

编辑 2:好的 home.php#26 可以正常工作了..
但这只有在页面已经加载然后我更改标题时才有效。我希望它在第一次加载页面时仅使用此 url 时工作。

就像你打开http://getbootstrap.com/css/#type一样它会自动将您带到 ID“类型”。但是当我加载 mywebsite/home.php?#26 时它什么也没做。

Answer 1

如果你想使用标题，首先在目标 GET 变量中包含你想要滚动到的 id。

例如 - /home.php?target=12(12 是这里的 id)

然后使用下面的脚本:

$(window).load(function(){
    $('html,body').animate({ scrollTop: $('#<?php echo $_GET['target'];  ?>').offset().top - 100 }, 'slow');
});

在这里你可以使用你的滚动加上很酷的 jQuery 效果。 :)