Hallo zusammen,
ich habe auf meiner Seite folgendes Script, dass mir eine fixierte Navigation ermögllicht, sobald 50px gescrollt wurden:
Jetzt habe ich natürlich das Problem, dass sobald ich von einer Unterseite über einen Ankerlink zu einer anderen verlinke, das Ziel nicht erreicht wird, weil das Script sofort nach ganz oben scrollt (window.scrollTo(0,0);).
Diese Funktion wird allerdings dafür benötigt, damit das Script weiß wann die Navigation festgemacht werden soll.
Gibt es hier eine Möglichkeit, die Funktionalität des Scripts zu erhalten und trotzdem auf Ankerlinks zwischen unterschiedlichen Unterseiten springen zu können?
Vielen Dank für eure Hilfe!
Curved
ich habe auf meiner Seite folgendes Script, dass mir eine fixierte Navigation ermögllicht, sobald 50px gescrollt wurden:
HTML:
var startPos;
$(document).ready(function(){
window.scrollTo(0,0);
startPos = $("nav").offset().top;
});
$(window).scroll(function(){
if ($(document).scrollTop()>startPos-50) {
$( "nav" ).addClass('fixed-navi');
} else {
if ($( "nav" ).hasClass( 'fixed-navi' )){
$( "nav" ).removeClass('fixed-navi');
}}
});
Diese Funktion wird allerdings dafür benötigt, damit das Script weiß wann die Navigation festgemacht werden soll.
Gibt es hier eine Möglichkeit, die Funktionalität des Scripts zu erhalten und trotzdem auf Ankerlinks zwischen unterschiedlichen Unterseiten springen zu können?
Vielen Dank für eure Hilfe!
Curved