Handy Menü Zusammenbruch funktioniert nicht mit scrollspy

Hallo, wenn ich mobile Menü kollabieren aktivieren stoppt scrollspy von der Arbeit.Handy Menü Zusammenbruch funktioniert nicht mit scrollspy

Sie funktionieren beide gut einzeln, aber nicht zusammen, ist dies eine Beschränkung des Bootstrap?

Das ist mein navbar Code:

<body data-spy="scroll" data-target=".navbar" data-offset="80"> 
    <!-- Navigation --> 
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="index.html">Davies Builders Stoke Ltd</a> 
     </div> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav navbar-right" id="navigation"> 
       <li> 
        <a data-toggle="collapse" data-target=".navbar-collapse.in" href="#about">About</a> 
       </li> 
       <li> 
        <a data-toggle="collapse" data-target=".navbar-collapse.in" href="#services">Services</a> 
       </li> 
       <li> 
        <a data-toggle="collapse" data-target=".navbar-collapse.in" href="#partners">Partners</a> 
       </li> 
       <li> 
        <a data-toggle="collapse" data-target=".navbar-collapse.in" href="#contact">Contact</a> 
       </li> 

      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container --> 
</nav>

Die divs unten haben die richtigen IDs zu entfernen: data-toggle="collapse" data-target=".navbar-collapse.in" von jedem #navigations a Ursachen scrollspy gut zu funktionieren.

Quelle

2017-02-10 Craig Harley

Eine Beschränkung der Bootstrap ist nicht in der Lage, die kollabierenden .navbar mit scrollspy zu verwenden, der folgende Code funktioniert um.

$('.navbar-collapse a').click(function (e) { 
    if (window.innerWidth < 768){ 
     $('.navbar-collapse').collapse('toggle'); 
    } 
    });

Quelle

2017-02-11 15:39:47

Handy Menü Zusammenbruch funktioniert nicht mit scrollspy

Antwort

Verwandte Themen