2017-07-02 80 views
0

在移动视图中使用固定到顶部的导航栏(即单击导航栏图标)之后不会折叠。该页面正在加载。所以如何阻止网页加载在导航栏点击链接后,扩展的移动导航栏不会折叠

这是我的网站链接:

LINK

这是我的javascript代码

JavaScrpit Code

// Anchors Position 
       $('[data-hash]').on('click', function(e) { 
        e.preventDefault(); 

        $('body').addClass('scrolling'); 
        var target = $(this).attr('href') 
         delay = 0; 

        if($(document).scrollTop() == 0) { 
         $(document).scrollTop($('#header').height()); 
         delay = 200; 
        } 

        setTimeout(function() { 

         if ($(window).width() < 991 && $('.nav-main-collapse').hasClass('in')) { 
          $('.nav-main-collapse').collapse('hide'); 
          self.scrollToTarget(target); 
          return this; 
         } 

         self.scrollToTarget(target); 

        }, 200); 



return this; 
      }); 

      return this; 
     }, 

下面我附屏幕截图

enter image description here

回答

1

<button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse"><i class="fa fa-bars"></i></button> 
+0

非常感谢它的正常工作添加type="button"