S
svenmann
Guest
Hallo zusammen,
ich hoffe, dass ich hier richtig bin.
Ich habe folgendes Problem.
ich habe eine Navigationsleiste am unteren Bildschirmrand die beim nach oben scrollen "mitscrollen" soll und sich dann am oberen Rand "fixieren" soll.
Das sind die beiden Sections die zusammen 100% Bildschirmgröße ergeben.
Das ist der dazugehörige Javascript Code.
Habe ihn aus dem internet kopiert und einwenig angepasst, da ich mich in JS nicht sehr auskennt.
Die Leiste Scrollt bis zu einem gewissen Punkt mit und macht dann einen Sprung an den oberen Bildschirmrand.
wie kriege ich es hin dass die "Navi Sektion" sauber bis an den oberen Bildschirmrand scrollt und nicht "springt"?
Danke schonmal im voraus
Gruß Svenmann
ich hoffe, dass ich hier richtig bin.
Ich habe folgendes Problem.
ich habe eine Navigationsleiste am unteren Bildschirmrand die beim nach oben scrollen "mitscrollen" soll und sich dann am oberen Rand "fixieren" soll.
HTML:
<!-- Intro Section -->
<section id="intro" class="intro-section full_intro">
<div class="container">
<div class="row">
<div class="col-lg-12">
</div>
</div>
</div>
</section>
<!-- Blog Section -->
<section id="navigation" class="nav-section">
<div class="container">
<div class="row">
<div class="col-sm-12">
1234
</div>
</div>
</div>
</section>Das sind die beiden Sections die zusammen 100% Bildschirmgröße ergeben.
PHP:
<script type="text/javascript">
var menu = document.getElementById( 'navigation' ),
menufixed = 0,
logoHeight = 100;
window.onscroll = onScroll;
function onScroll( e ) {
var spy = getScrollY();
if ( spy <= logoHeight ) {
if ( menufixed ) {
menu.style.position = 'absolute';
menu.style.top = '93%';
menufixed = 0;
}
} else {
if ( !menufixed ) {
menu.style.position = 'fixed';
menu.style.top = '0px';
menufixed = 1;
}
}
}
// source: http://www.ajaxschmiede.de/javascript/fenstergrose-und-scrollposition-in-javascript-auslesen/
function getScrollY() {
var spy = 0;
if ( typeof ( window.pageYOffset ) == 'number' )
spy = window.pageYOffset;
else if ( document.body && ( document.body.scrollLeft || document.body.scrollTop ) )
spy = document.body.scrollTop;
else if ( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
spy = document.documentElement.scrollTop;
return spy;
}
</script>Das ist der dazugehörige Javascript Code.
Habe ihn aus dem internet kopiert und einwenig angepasst, da ich mich in JS nicht sehr auskennt.
Die Leiste Scrollt bis zu einem gewissen Punkt mit und macht dann einen Sprung an den oberen Bildschirmrand.
wie kriege ich es hin dass die "Navi Sektion" sauber bis an den oberen Bildschirmrand scrollt und nicht "springt"?
Danke schonmal im voraus
Gruß Svenmann
Zuletzt bearbeitet von einem Moderator:
