0

http://www.hongkiat.com/blog/responsive-web-nav/このチュートリアルをサイト メニューに正確に使用していますが、唯一の問題は、1 ページの Web サイトを作成していることです。たとえば、「about」をクリックした後にモバイルメニューを閉じたい。一番下までスクロールするようにします。

あなたが私を助けてくれることを願っています。

これは私のタラです:

     <!-- Menu Navigation Start -->
    <nav class="clearfix">  
        <ul class="clearfix">  
            <li><a href="#">k</a></li>  
            <li><a href="#">How-to</a></li>  
            <li><a href="#">Icons</a></li>  
            <li><a href="#">Design</a></li>  
            <li><a href="#">Web 2.0</a></li>  
            <li><a href="#">Tools</a></li>    
        </ul>  
                <a href="#" id="pull">Menu</a>  
    </nav>  

そして、これはJavaScriptです:

<script>
    $(function() {
        var pull        = $('#pull');
            menu        = $('nav ul');
            menuHeight  = menu.height();

        $(pull).on('click', function(e) {
            e.preventDefault();
            menu.slideToggle();
        });

        $(window).resize(function(){
            var w = $(window).width();
            if(w > 320 && menu.is(':hidden')) {
                menu.removeAttr('style');
            }
        });


    });



</script>
4

3 に答える 3