1

在移动视图中单击菜单时，它只会展开，但不会向下滚动到菜单部分以显示列出的项目（在我的情况下为 5 个菜单项）。

我一直在查看 navigation.js、global.js 和 jquery.scrollTo.js 文件，对我来说，它似乎就在这里： 

// Set the active submenu initial state.
        container.find( '.current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );

        container.find( '.dropdown-toggle' ).click( function( e ) {
            var _this = $( this ),
                screenReaderSpan = _this.find( '.screen-reader-text' );

            e.preventDefault();
            _this.toggleClass( 'toggled-on' );
            _this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );

            _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );

            screenReaderSpan.text( screenReaderSpan.text() === twentyseventeenScreenReaderText.expand ? twentyseventeenScreenReaderText.collapse : twentyseventeenScreenReaderText.expand );
        });
    }

    initMainNavigation( $( '.main-navigation' ) );

    masthead       = $( '#masthead' );
    menuToggle     = masthead.find( '.menu-toggle' );
    siteNavContain = masthead.find( '.main-navigation' );
    siteNavigation = masthead.find( '.main-navigation > div > ul' );

或在这里：

// Enable menuToggle.
(function() {

    // Return early if menuToggle is missing.
    if ( ! menuToggle.length ) {
        return;
    }

    // Add an initial value for the attribute.
    menuToggle.attr( 'aria-expanded', 'false' );

    menuToggle.on( 'click.twentyseventeen', function() {
        siteNavContain.toggleClass( 'toggled-on' );

        $( this ).attr( 'aria-expanded', siteNavContain.hasClass( 'toggled-on' ) );
    });
})();

任何人都可以帮助并完成这项工作吗？

这个想法是：当我点击菜单图标时，慢慢向下滚动以显示菜单项。

4

0 回答 0