2017-08-22 1 views
0

Verwenden Sie scrollify.js für Blättern Seite. Und ich habe meine benutzerdefinierte Navigationsleiste, die zum Scrollen mit OffsetTop verwendet.Scrivify.js Navigationsproblem

$(".fixed-nav a").click(function(evn) { 
    evn.preventDefault(); 
    $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
    }, 500); 
}); 

Meine Seite hat scrollfying Abschnitt sowie normale Abschnitte auch. Das heißt, ich habe 6 Sektionen, die ersten drei sind scrollfy und die restlichen drei sind normale Sektionen.

Alles funktioniert gut. Aber Problem ist, wenn ich auf 6. (das ist nicht scrollfig Abschnitt) Abschnitt aus dem ersten Abschnitt, es landete auf 3. (das ist letzten scrollfigure Abschnitt) Abschnitt, statt auf 6. Abschnitt landet.

Hier ist fiddler als Referenz. Jede Hilfe wird geschätzt. Danke im Voraus.

Antwort

0

Keine Lösung oder Vorschlag gefunden. Also habe ich meine eigene Definition geschrieben, um mein Problem zu lösen. Das hat mir geholfen.

Wenn ich auf eine Navigation klicke, die keinen Scrollify-Effekt hat, habe ich $.scrollify.instantMove() verwendet, um zum letzten scrollify-Abschnitt zu wechseln, und dann normal scrollTop jquery zu verwenden, um zum Abschnitt wunsch zu navigieren.

$(".fixed-nav a").click(function(evn) { 
    evn.preventDefault(); 
    if ($(this).hasClass('no-scroll') && (!$(this).closest('li').siblings('.active').find('a').hasClass('no-scroll'))) { 
     $.scrollify.instantMove('#3'); 
     $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
     }, 500); 
    } else { 
     $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
     }, 500); 
    } 
    }); 
}); 

diese finden fiddler Referenz.