div bei onscroll
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfang
antworten
aufwand
befehl
beispiel
bild
boxen
browser
code
dank
falsch verstanden danke
fehlerhafter programmierung
fixieren
gleichen platz
groben aufbau
http
position
problem
tag
url
-
Hi,
Ich hab mal wieder ne Frage:
Ich habe eine Website, die man scrollen muss.
wenn man jetzt aber scrollt, dann soll, wenn eine bestimmte divbox nicht mehr zu sehen ist, auf der linken seite eine "neue" "erscheinen".
Ich hoffe ihr versteht, was ich meine!
ich hab gesehen, dass das mit dem tag onscroll gehen soll?!
ist dies mit css zu verwirklichen oder hab ich da die funktion falsch verstanden?
Danke für Antworten
koki1 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
onscroll ist ein javascript-Befehl , kein css.
Was Du willst ließe sich also mit javascript verwirklichen.
Aber vielleicht ist es sinnvoller (und weniger umständlich vom aufwand + nicht jeder hat javascript aktiviert) wenn Du einfach die Box "mitscrollen läßt? soetwas könnte man mit css machen.
Hier ein Beispiel+Anleitung für ein fest stehendes Menue
Beachte das aufgrund fehlerhafter Programmierung dieses Beispiel im IE 5 & 6 NICHT funktioniert (steht im Text) , dafür gibt es auch lösungen, ich finde nur das Lesezeichen gerade nicht
Beitrag zuletzt geändert: 20.7.2010 20:20:21 von simuliertes -
Ein Menü, daß immer wieder an seinen gleichen Platz rutscht, wird zum Beispiel bei Dynamic Drive gezeigt (s. links unten auf der Seite). Der Code läßt sich leicht für beliebige DIVs umwandeln.
War es das, was Du suchst?
VG -
ja, genau das hab ich gesucht!
simuliertes schrieb: onscroll ist ein javascript-Befehl , kein css.
Was Du willst ließe sich also mit javascript verwirklichen.
Aber vielleicht ist es sinnvoller (und weniger umständlich vom aufwand + nicht jeder hat javascript aktiviert) wenn Du einfach die Box "mitscrollen läßt? soetwas könnte man mit css machen.
Oops, ich meinte ja javascript... :)
bei mit ist es nur etwas komplizierter...
auf bild 1 ( koki1.lima-city.de/bspon.gif ) sieht man den :) groben (: aufbau der seite.
Wenn man sich Bild 2 ( koki1.lima-city.de/bspon1.gif ) anguckt, sieht man, dass die Menüleiste am oberen browserrand fixiert ist.
Das Problem: ich kann die Menüleiste nicht von anfang an oben fixieren. ich möchte, dass wenn runtergescrollt wird, die menüleiste, wenn sie an der position oben am browser angekommen ist, erst dann fixiert wird.
ich hoffe ich hab mich verständlich ausgedrückt.
( Und wenn man kein JAvascript aktiviert hat, dann muss man eben wieder nach oben scrollen :P )
Danke
koki1 -
koki1 schrieb:
Das Problem: ich kann die Menüleiste nicht von anfang an oben fixieren. ich möchte, dass wenn runtergescrollt wird, die menüleiste, wenn sie an der position oben am browser angekommen ist, erst dann fixiert wird.
ich hoffe ich hab mich verständlich ausgedrückt.
( Und wenn man kein JAvascript aktiviert hat, dann muss man eben wieder nach oben scrollen :P )
Danke
koki1
Ich denke da hat Dir althaus mit seinem Link genau den richtigen Tip gegeben (dieser Link ist gemeint
den Code kannst Du fast 1:1 übernehmen.
kleine Änderungen:
Da kommt Deine Menüleiste rein:
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
genau hier
<!--END OF EDIT-->
Das musst Du ändern:
//Enter "frombottom" or "fromtop" var verticalpos="fromtop"
Und hier schreibst Du rein wieviele Pixel von oben aus das Menue entfernt sein soll (statt xxx):
startY = xxx;
eigentlich ziemlich selbsterklärend...
-
danke, ich kann ja kein javascript, und dachte, dass man diesen code nur vertikal benutzen kann ;)
Danke nochmal für alle Antworten.
koki1 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
