2016-04-07 36 views
1

vurgulanan ve ben 2 sorunları var:Bir Sayfa Nav JS> I jQuery Tek Sayfa-Nav (ve Bootstrap) kullanıyorum bağlantı + kaydırma konumunu

  • Benim sayfayı kaydırdığınızda aktif link görüntülenir Ben bir bağlantıyı tıkladığınızda ama

bütün site burada bölümünde (Ben gezinme çubuğu yüksekliğini yoksun tahmin) üst kısmında olmayan bir linke

  • pozisyon tıklamayın zaman: http://www.mrsmith.be/

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

    js kullandığım:

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

    0

    aktif link ben sayfa kaydırma görüntülenen ancak bir bağlantıyı tıklayın

    Size çünkü ben değil zaman olduğu bootstrap css'yi geçersiz kılmak zorunda. bir linke tıklayın, burada pseudo için önyükleme css geçerli: odak sınıf

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

    Yani, gri ve kırmızı değil muaftır. ,

    +0

    Büyük ... Hedef ekran yüksekliğinin% 50'sine geldiğinde bağlantı aktif hale getirmek scrollThreshold: 0.5 kullanmak gerçek:

    sonra .... Sen vücut üzerinde tıklayabilir ve kırmızı olmak anwser için teşekkürler! Bölüm whith odak: şey tamam ;-) – MrLLp

    +0

    Benim için, bir bağlantıyı tıklattığınızda, konum en üstte .... – pbenard

    +0

    Cevabınız Put12co22mer2 için teşekkürler, gerçekten iyi görünüyor ama aslında biraz yukarı kaydırma , bölümlerin tepesi gibi bir yükseklikten yoksundur ... – MrLLp

    İlgili konular