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

Question

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

例如，我单击一个链接，如index.php?category=1. 加载该页面后，我需要将页面向下滑动到特定ID的 .

怎么做？

score 2 · Accepted Answer

使用锚。

修改您的 URL 以包含锚点：

index.php?category=1#targetElement

然后为页面加载时应该成为焦点的元素添加一个 ID：

<div id="targetElement">

score 0 · Accepted Answer

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

如果没有，你不能只使用<a name="anchor"></a>你想滚动页面的地方吗？此外，这就是它的目的吗？

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

但是如果你需要动画，你需要在stackoverflow中的另一个链接上添加这些代码简单的jQuery滚动来锚定页面上或下......？

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

score 0 · Accepted Answer

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

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

编辑：这个工作解决方案的小提琴示例

3 回答 3