通过单击菜单导航到页面的末尾

Question

如果选择了菜单，我希望在wordpress中将网页向下滚动到页面末尾。

我该如何设置？

谢谢。

Answer 1

首先，我们需要通过WordPress菜单创建自定义链接：

• 转到菜单并添加带有URL #以及所需文本的自定义链接。
• 然后单击屏幕选项以选中CSS类选项
• 在第一步中创建的新元素中，单击右侧的箭头，然后在CSS类中添加down

现在，您应该在菜单中具有自定义类的自定义链接，如下图所示：

现在我们需要将Javascript代码添加到WordPress页脚中。

打开您的主题子functions.php，并添加以下代码。

 function scrolldown()
{
    ?>
    <script>
    jQuery(document).ready(function ($) {

    $(".down").click(function() {
            $('html, body').animate({
            scrollTop: $("footer").offset().top
            }, 1500);
    });
        });

    </script>

    <?php
}
add_action('wp_footer', 'scrolldown');

就这样:)

Answer 2

一个用于动画滚动的简单jQuery插件，请参见此页面
animatescroll