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

标签 php jquery html css

喜欢链接: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/

相关文章:

php - 转义MySQL通配符

PHP - 查找两个时间之间的差异

javascript - 改变元素后获取元素的原始高度

html - 如何删除 Bootstrap 4 jumbotron 下的空白

javascript - css 关键帧过渡的最佳方式

jquery - 是否可以使用 jQuery 编辑通过 &lt;iframe&gt; 加载的 DOM 元素?

php - 从 Firefox 执行本地文件的最简单方法?

php - 像谷歌一样的分页背后的逻辑

javascript - jquery 选项卡必须单击两次才能显示 div

jquery - 将变量传递给 jquery eq() 函数不起作用