喜欢链接: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 时它什么也没做。
最佳答案
如果你想使用标题,首先在目标 GET 变量中包含你想要滚动到的 id。
例如 - /home.php?target=12
(12 是这里的 id)
然后使用下面的脚本:
$(window).load(function(){
$('html,body').animate({ scrollTop: $('#<?php echo $_GET['target']; ?>').offset().top - 100 }, 'slow');
});
在这里你可以使用你的滚动加上很酷的 jQuery 效果。 :)
关于php - 如何使用 Header 滚动到特定 ID?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24466084/