Div mit fester höhe nur über die mausposition scrollen

[john68]

Hi,
ich suche gerade im Internet nach einem Plugin für mootools mit dem ich einen div-container, der eine feste höhe hat, den inhalt über die Mausposition scrollen kann. Zusätzlich sollte sich dann jeweils eine grafik für hochsrollen und runterscrollen gezeigt werden.

Hat vielleicht jemand von euch einen tipp für mich?

[planepix]

Hallo john68,

so was? Oder so?

[john68]

Oh, mist. Ich dachte, dass niemand geantwortet hat, da ich keine Nachricht bekommen habe. Vielen Dank erst mal für deine Hilfe.

Leider ist es nicht das, was ich suche. Ich suche ein Plugin, was bei einen DIV mit overflow: auto; die Scrollbalken ausblendet und den Inhalt über die Mausposition scrollt. Also wenn die Maus nach unten fährt nach unten scrollt und wenn die Maus nach oben fährt nach oben scrollt. Zusätzlich wäre es genial, wenn man eine Grafik an die Maus hängen könnte.

[john68]

In der Hoffnung, dass jemand von euch vielleicht doch noch eine Idee für mich hat, konkretisiere ich mein anliegen noch weiter:

Der DIV-Container hat eine Breite von 300px und eine Höhe von 400px. Per CSS bekommt diese Box eine overflow: auto; Der Inhalt wird also scrollbar angezeigt, wenn der Inhalt die Kapazität des Sichtbaren Bereichs übersteigt. Das gesuchte Javascript soll die Scrollbalken verstecken und den Text mit Hilfe der Mausposition über dem Text scrollen. Als fährt die Maus nach unten, soll der Inhalt nach unten scrollen, fährt die Maus nach oben, scrollt der Text ebenfalls nach oben

Hat da jetzt wohl noch jemand eine Idee? Wäre super.

[Stephan]

Vielleicht hilft dir eins von denen weiter (beide ungetestet):

• Using CSS and Mootools to simulate Flash horizontal navigation effect
• mooZoom

[john68]

Hey Stephan,
der erste Link ist eigentlich das, was ich suche. Nur brauche ich es vertical
gibst das auch in der Richtung?

[Stephan]

Ich hab’s mir gerade mal auf die Schnelle angesehen. Das Script scrollt sowohl in x- als auch in y-Richtung sobald dein Container zu klein ist.

[john68]

Hey Stephan,
danke für deine Mühen, ich werde mir das noch einmal genauer angucken.

lg,
john

[kischd]

Ist es möglich, wenn mein div ne feste Größe hat, und wenn zu viel text ist eine scrollbar kommt, das mit css zu definieren oder brauch ich dazu unbedingt mootool???

[john68]

Man brauch dafür kein mootools. es reicht, wenn man dem DIV via CSS den wert overflow: auto; gibt.

Ein Beispiel:

#divid {
overflow: auto; 
width: 200px;
}

lg,
john

[grambler]

Sicher die einfachere, schnellere und (bessere) Lösung, sieht aber natürlich nicht sehr ansprechend aus, wenn man so hässliche Scrollbars in dem Layout hat.
Dafür ist eine JS-Methode wesentlich besser geeignet, dann können die Scrollbars auch schön gestylt werden!

Hat beides seine Vor- und Nachteile, am besten ist die JS-Lösung und die CSS-Lösung als Fallback, falls ein User JS deaktiviert hat.

[john68]

Der Nachteil mit dem Fallback ist, dass erst die nativen Scrollbars aufblitzen und dann nachträglich per JS ausgetauscht werden.

Ich habe mich jedoch für diese Methode entschieden.

[grambler]

Da haste wahr...
Hoffen dass der User dann beispielsweise gerade seine Katze streichelt und das nicht merkt