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

Question

喜欢链接：http://getbootstrap.com/css/#type
在此处打开此链接时，Window将自动滚动到type id 他们是怎么做到的？ 我的意思是，如何使用像some.com/post/#id之类的标题滚动到同一页面上的特定ID 如果您需要更多说明，请在下面发表评论。

编辑2： 好的home.php#26这是有效的..
但这只是工作只有页面已经加载然后我更改标题..我希望它在页面加载时工作第一次只有这个网址。

喜欢当你打开http://getbootstrap.com/css/#type它会自动将你带到id“type”。但是当我加载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效果。 ：）

Answer 2

你只需要在网址的末尾提供一个id。

喜欢yoursite.com/page/#yourid。

您网站中的某个地方<div id="yourid"></div>。

如果你想要使用动画滚动功能，jquery animate函数，你就完成了，这并没有动画滚动。