mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 05:11 Benutzername: Passwort: Auto-Login

Thema: DIV beim scrollen ein- bzw. ausblenden vom 03.02.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> DIV beim scrollen ein- bzw. ausblenden
Autor Nachricht
alecsk
Threadersteller

Dabei seit: 15.09.2006
Ort: Pforzheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 03.02.2011 14:29
Titel

DIV beim scrollen ein- bzw. ausblenden

 Antworten mit Zitat Zum Seitenanfang
Hallo Forum :)

Gleich zur Sache: Gibt es eine Möglichkeit ein DIV ein- bzw. auch auszublenden wenn man scrollt? Um es mal praktisch dazustellen:

Man geht auf die Seite und die Navigation sieht so aus:
Code:

<div id="eins">START, UNTERNEHMEN, USW</div>
<div id="zwei">Ich bin ein DIV</div>


Nun scrolle ich ein Stück weiter nach unten auf der Seite und schwups sieht die Navigation so aus:
Code:

<div id="eins">START, UNTERNEHMEN, USW</div>


Das DIV mit id "zwei" ist weg.
Scrollt man nun wieder ganz nach oben, traucht id "zwei" wieder auf - alles also wieder beim alten:
Code:

<div id="eins">START, UNTERNEHMEN, USW</div>
<div id="zwei">Ich bin ein DIV</div>


Geht das? Gibt es eventuell doch ein jQuery Plugin?

Grüße,
Alex
  View user's profile Private Nachricht senden
alecsk
Threadersteller

Dabei seit: 15.09.2006
Ort: Pforzheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 03.02.2011 15:24
Titel

Antworten mit Zitat Zum Seitenanfang
Hat sich erledigt. Glücklicherweise habe ich doch etwas dazu gefunden.
Code:

   <script type="text/javascript">
      $(document).ready(function(){
    // Einblenden eines Divs, wenn gewisse "Höhe" gescrollt
    $(window).scroll(function(){
    // Schauen wo das gewünschte Div ist
        // Der Referenzwert der minimal Höhe heraus finden
        // In diesem Fall ist es ein Div#contact, welches im oberen
        // Bereich der Homepage ist
        var height = $('#contact').offset();
        // Die aktuelle Fensterposition (nach dem Scrollen)
        var current = $(window).scrollTop();
        // Umgekehrte Logik, da nach slide immer nach "oben"
        if( current < height.top ){
            $("#foot").slideDown();
        } else {
            $('#foot').slideUp();
        }
    });
});
   </script>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Do 03.02.2011 15:41
Titel

Antworten mit Zitat Zum Seitenanfang
Schön, das es auch noch User gibt die sich selbst zu helfen wissen, und dann auch die Lösung posten!
*Thumbs up!*
  View user's profile Private Nachricht senden
alecsk
Threadersteller

Dabei seit: 15.09.2006
Ort: Pforzheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 03.02.2011 17:40
Titel

Antworten mit Zitat Zum Seitenanfang
Mich regt das selbst auf wenn ich in Foren lese "ich hab ne lösung" und das war's dann auch schon. Da ich selbst eher schlecht was darüber gefunden habe macht es Sinn die Lösung auch gleich mit zu posten.

Grüße.
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS scrollen im div tag
CSS - DIV scrollen
[CSS] Problem mit Scrollen
button zum scrollen, wie?
swf-Datei Scrollen
JavaScript Scrollen?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB