Freddi: CSS Objekt einblenden wenn nach ganzunten gescrollt

SELF-Forum

CSS Objekt einblenden wenn nach ganzunten gescrollt

Freddi Homepage des Autors
– Informationen zu den Bewertungsregeln

Ich möchte das sich ein CSS Objekt einblenden(display:none zu block),oder ausblendet, wenn die Scrollbar ganz unten ist, sprich bei 100%. Da ich die Höhe meiner Seite dynamisch mit Prozent habe funktioniert das mit Pixel [....scrollTop) > !!!100!!!)...] nicht gut. Gibt es eine Möglichkeit, statt pixeln, Prozent anzugeben oder hätte ihr andere Lösungsvorschläge.

  
var foo = document.getElementById('menu_fixed');  
    window.onscroll = function() {  
        foo.style.display = ((window.pageYOffset || document.documentElement.scrollTop) > 100) ? 'block' : 'none';  
    };

Grüße Freddi

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS Objekt einblenden wenn nach ganzunten gescrollt

    Freitag
    – Informationen zu den Bewertungsregeln

    …oder hätte ihr andere Lösungsvorschläge.

    Ja, doch wozu das gut sein soll bleibt mir ein Rätsel.

    footer.no {  
  display: none;  
}  
footer.yes {  
  display: block;  
}

      
window.onscroll = function() {  
  var bottom = document.getElementsByTagName('body')[0].offsetHeight - document.documentElement.clientHeight,  
  foo = document.getElementById('menu_fixed');  
  foo.className = (pageYOffset >= bottom ) ? 'yes' : 'no';  
};
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS Objekt einblenden wenn nach ganzunten gescrollt

      Freitag
      – Informationen zu den Bewertungsregeln

      vergessen

      <footer id="menu_fixed" class="no"></footer>

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln