tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
325
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 28.06.11 11:09 #1
    kourty kourty ist offline Mitglied Bronze
    Registriert seit
    Apr 2011
    Beiträge
    40
    Hallo,

    das wurde wahrscheinlich schon mehrmals gefragt, ich weiß aber nicht wonach ich suchen soll, deswegen wärs schon super wenn ihr mir einfach Keywords schreibt, wie das Ganze heißt.

    Und zwar möchte ich eine Funktion ausführen, wenn bis auf die Höhe eines Div´s gescrollt wurde. Also nicht onSroll, das tritt ja ein wenn das Div gescrollt wird, sondern sowas ähnliches.

    Es gäbe natürlich die Möglichkeit, sekündlich mit pageYOffset zu ermitteln, wie weit gescrollt wurde, das finde ich aber ziemlich unelegant.
    Geändert von kourty (28.06.11 um 11:11 Uhr)
     
    Zitieren Zitieren
  2. 28.06.11 14:30 #2
    Avatar von einfach nur crack
    einfach nur crack einfach nur crack ist offline mag Cookies & Kekse
    tutorials.de Premium-User
    Registriert seit
    May 2007
    Ort
    Dresden (Sachsen)
    Beiträge
    1.960
    Wie wäre es, wenn du deine erste Idee mit deiner zweiten verbindest? Also das du das PageYOffset immer nur dann ermittelst, wenn das Ereignis onscroll eintritt?
     
    Ich mag:
    • positive Bewertungen meiner Beiträge
    • ein Danke für meine hilfreichen Beiträge

    Dabei kann ich dir helfen: PHP --- Javascript --- Ruby --- Coffeescript --- CSS --- HTML --- Webtechnologien --- Shell --- UNIX

    ... noch was: falls du mit dem Thema hier fertig bist, dann kannst du es auch als erledigt markieren.
    Zitieren Zitieren
  3. 28.06.11 21:56 #3
    Avatar von Kalstone
    Kalstone Kalstone ist offline Mitglied
    Registriert seit
    Dec 2009
    Ort
    Brandenburg (Brandenburg)
    Beiträge
    16
    Hallo kourty,

    wenn ich dich richtig verstehe, willst du eine Aktion ausführen, wenn die Seite soweit gescrollt wurde, dass ein DIV eine bestimmte Position erreicht hat. In dem Fall solltest du das Element überwachen, welches gescrollt wird. Ein einfaches Beispiel würde dann so aussehen.
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>Funktion bei scroll bis Div ausführen</title>
  <style type="text/css">
    #container_div {
      height: 2000px;
      padding-top: 400px
    }
    #target_div {
      height: 200px;
      width: 100%;
      border: 2px dotted red;
      text-align: center;
    }
  </style>
  <script type="text/javascript">
    window.document.onscroll = function(){
      if (window.pageYOffset > 400) {
        document.getElementById("target_div").style.borderColor = "lime";
      } else {
        document.getElementById("target_div").style.borderColor = "red";
      }
    };
  </script>
</head>
<body>
  <div id="container_div">
    <div id="target_div"><h2>target div</h2></div>
  </div>
</body>
    Hoffe das hilft dir weiter.

    Grüße, K.
     
    Zitieren Zitieren
  4. 29.06.11 18:36 #4
    kourty kourty ist offline Mitglied Bronze
    Registriert seit
    Apr 2011
    Beiträge
    40
    Danke für die Tipps, werde das dann so machen.
     
    Zitieren Zitieren
« Ajax <-> PHP <-> XML Response <-> in einer Schleife.... | XML Parsing - ich krieg die Krise »

Ähnliche Themen

  1. Funktion in Html Tag ausführen
    Von TobiNeu im Forum Javascript & Ajax
    Antworten: 17
    Letzter Beitrag: 26.05.10, 10:44
  2. PHP in JavaScript-Funktion ausführen
    Von Eiszwerg im Forum PHP
    Antworten: 13
    Letzter Beitrag: 31.12.09, 16:12
  3. Funktion mehrmals ausführen
    Von Sasser im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 27.06.09, 16:18
  4. Popunder funktion ausführen
    Von ShinmA im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 15.08.03, 18:02
  5. Per Submit Button funktion ausführen...
    Von Subwoover im Forum PHP
    Antworten: 10
    Letzter Beitrag: 20.01.02, 10:01

Stichworte