WordPress页面加载时如何仅在指定页面实现自动向下滚动？

嘿，这个需求很容易解决！你只需要给那段滚动代码加个页面判断条件，就能让它只在指定页面生效。下面给你几个实用的方案：

WordPress每个页面都有唯一的ID（你可以在后台编辑页面时，看地址栏里的post=XXX，XXX就是页面ID），我们可以利用body标签自动生成的page-id-XXX类来判断：

<script type="text/javascript">
jQuery(document).ready(function() {
    // 把123替换成你要生效的页面ID
    if (jQuery('body').hasClass('page-id-123')) {
        jQuery('body').animate({scrollTop: +400}, 1000);
    }
});
</script>

如果记ID麻烦，也可以用页面的slug（也就是URL里的自定义别名，比如your-site.com/contact里的contact），对应的body类是page-{slug}：

<script type="text/javascript">
jQuery(document).ready(function() {
    // 把contact替换成目标页面的slug
    if (jQuery('body').hasClass('page-contact')) {
        jQuery('body').animate({scrollTop: +400}, 1000);
    }
});
</script>

如果你不想动footer.php，也可以直接在目标页面的后台编辑器里，添加一个自定义HTML区块，把这段滚动代码放进去（建议放在页面内容的底部）。这样代码只会在这个页面加载，完全不会影响其他页面。

这些方案的核心逻辑都是：通过WordPress自动给body标签添加的页面专属类，判断当前是否是目标页面，只有符合条件时才执行滚动动画。

内容的提问来源于stack exchange，提问作者BenjaBoy