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

Question

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

我该如何设置？

提前致谢。

Answer 1

首先我们需要通过 WordPress 菜单创建我们的自定义 links：

转到菜单并使用 url # 以及您想要的任何文本添加自定义 link。
然后点击屏幕选项勾选 CSS Class 选项
从我们在第一步创建的新元素中单击右侧的箭头，然后在 CSS Classes 中添加 down

现在您的菜单中应该有自定义 link 和自定义 class 如下图所示：

现在我们需要将 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

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

Navigate to the end of the page by clicking a menu

wordpress

webpage

scroll