Hallo,
ich hab hier ein ganz komisches Verhalten.
Ich baue mir ein Sticky-Menü welches unter einem header und banner angeordnert ist und wenn die Scrollposition bei Menü ist bleibt diese stehen.
Nun berechne ich die Position des Menüs mittels der Höhe der vorangegangenen Elemente.
Hier fehlen der Position (menuposition) ca 50px.
Wenn ich aber dazwischen ein
einfüge wird das richtig berechnet.
Kann mir dieses Verhalten jemand erklären?
Grüße,
Jan
ich hab hier ein ganz komisches Verhalten.
Ich baue mir ein Sticky-Menü welches unter einem header und banner angeordnert ist und wenn die Scrollposition bei Menü ist bleibt diese stehen.
Nun berechne ich die Position des Menüs mittels der Höhe der vorangegangenen Elemente.
Javascript:
var headerHeight = $('#landing_header').height(),
bannerHeight = $('#banner').outerHeight(),
menuposition = headerHeight + bannerHeight;
//Stickymenu
if($('body').hasClass('has-sticky-menu')){
$doc.on('scroll', function() {
if ($doc.scrollTop() > menuposition) {
$('body').addClass('sticky-menu');
} else {
$('body').removeClass('sticky-menu');
}
});
}
Hier fehlen der Position (menuposition) ca 50px.
Wenn ich aber dazwischen ein
Code:
console.log(headerHeight, bannerHeight, menuposition);
Kann mir dieses Verhalten jemand erklären?
Grüße,
Jan