One Page Nav JS> markierten Link + Scroll-Position

Question

Ich bin mit jQuery-One-Seite-Nav (und Bootstrap) und ich habe 2 Probleme:

• Die aktive Verbindung wird angezeigt, wenn ich die Seite blättern aber nicht, wenn ich auf einen Link klicken
• die Position, wenn ich auf einen Link klicken, ist nicht an der Spitze des Abschnitts (ich denke, es um die Höhe des navbar fehlt)

die ganze Seite ist hier: http://www.mrsmith.be/

Sheet: http://www.mrsmith.be/css/style.css

Die js Ich benutze:

$('.nav').onePageNav({ 
    currentClass: 'current', 
    changeHash: false, 
    scrollSpeed: 750, 
    scrollThreshold: 0.5, 
    filter: '', 
    easing: 'swing', 
}); 

Answer 1

Die aktive Verbindung wird angezeigt, wenn ich die Seite scrollen, aber nicht, wenn ich Klick auf einen Link

Es ist, weil Sie muss die Bootstrap-CSS überschreiben. Wenn Sie auf einen Link klicken, hier ist die Bootstrap-CSS für Pseudo-: Fokus Klasse

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { 
    color: #333; 
    background-color: transparent; 
} 

rot So bleiben, es grau und nicht. Sie können auf den Körper klicken und es rot ....

Nach: Die Tatsache scrollThreshold: 0.5 zu verwenden, um die Verbindung aktiv werden, wenn das Ziel auf 50% der Bildschirmhöhe kommt ...