用户滚动时创建延迟隐藏/收缩菜单

Question

当用户滚动并尝试创建一个菜单时，我已经看到过这种隐藏/收缩菜单。我试过重新研究它，但甚至不知道它叫什么类型。

此处使用的示例 http://www.cpbgroup.com/

我的菜单是类似的布局

<nav id="s-nav-wrap">

    <div class="row">

        <div class="col-sm-4">
            <a href="<?php echo get_home_url(); ?>" id="s-logo"></a>
        </div>

        <div class="col-sm-8 align-right" id="s-nav">
            <?php wp_nav_menu( array( 'container_class' => 'main-nav', 'theme_location' => 'primary' ) ); ?>

            <div id="btn-home">
            <a href="<?php echo get_home_url(); ?>">HOME</a>
            </div>  
        </div>

    </div>

</nav>   

Answer 1

根据您正在寻找的功能，可以将它们称为弹出，幻灯片和推送或侧面菜单，这里有一些教程可以帮助您入门。

Slide and push

Side Menu

进行更多搜索，我相信你会找到你喜欢的东西。