php加载内容后向下滑动页面

Question

如何在整个页面加载后制作一个向下滑动内容的脚本。

例如我点击index.php?category=1之类的链接。加载该页面后，我需要向下滑动到特定的ID页面。

怎么做？

Answer 1

使用锚点。

修改您的网址以包含锚点：

index.php?category=1#targetElement

然后在页面加载时应该聚焦的元素添加一个ID：

<div id="targetElement">

Answer 2

如果您的页面上有一个锚点<div id="anchor">，则可以使用此脚本在页面加载时将页面滑动到锚点位置：

$(function() {
    var anchorPos= $('#anchor').offset().top;
    $('html, body').animate({scrollTop:anchorPos}, 'slow');
});

编辑：Fiddle example此工作解决方案

Answer 3

您是否需要为页面滑动设置动画，或者只需要功能？

如果不是，你不能在你想要滚动页面的地方使用<a name="anchor"></a>吗？ 此外，这是正确的吗？

现在让它向下滑动，您可以使用index.php?category=1#anchor

但如果你需要动画，你需要在stackoverflow Simple jQuery scroll to anchor up or down the page...?

中的另一个链接上添加这些代码。

var aTag = $("a[name='anchor']");
$('html,body').animate({scrollTop: aTag.offset().top},'slow');