Question

在我的html代码中，在Menu元素中有一个类，该类在每个项目中都有。 class name =“page-scroll”，所以它看起来像<li><a class="page-scroll" href="#screenshots">Screenshots</a></li>

此类用于Smooth Scroll的jquery文件。现在在wordpress我注册一个菜单，现在我想在每个菜单中添加这个类“页面滚动”元素，以便顺利滚动工作。

一切都在html中完美运行，现在它需要在wordpress中完美。

jQuery for Smooth Scroll-

$('.page-scroll').on('click', function (event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
});

由于

Answer 1

在wordpress admin的菜单页面中，转到屏幕选项＆amp;启用CSS类。

＆＃xA;＆＃xA;

现在，您可以直接从管理员向每个菜单项添加css类，而无需编辑代码。

＆＃xA;＆＃xA; <请检查 https://en.support.wordpress.com/advanced-menu -settings /

＆＃XA;

Answer 2

也许您可以在 ul 标记中添加一个类，并将选择器用作$（'。page-scroll a'）。要在 ul 中插入一个类，您可以使用wp_nav_menu并在参数中传递类名。像这样：

wp_nav_menu( array(
                'menu'              => 'YOUR MENU',
                'menu_class'        => 'page-scroll'
            ));

Answer 3

我使用了插件https://wordpress.org/plugins/custom-menu-class/。希望它也适合你。

如何在WordPress中为每个菜单项添加一个类？

3 个答案: