Div mit eigener Scrollfunktion ausstatten

[JuJu555]

Ich habe genau auch dieses Problem, liebe Mitwerker.... Irgendwie war ich so doof zuzusagen, eine Website nicht nur zu gestalten, sondern auch umsetzen zu wollen, ich brauche also Hilfe... Und zwar möchte ich meinen DIV-Container (ist ein verschachtelter Div) mit einem eigenen Scrollfunktion ausrüsten und nicht mit dem typischen in DW... Wie die zwei reduzierten Pfeile im Bild...

Ich wäre echt dankbar um jede Unterstützung in der Sache, bin zudem im 9. Monat und es kann jeden Moment losgehen, muss aber die HP noch machen....


Danke Danke Danke an alle schlauen Webdesigner im Voraus!

so wie hier:

 

[cebito]

AW: Scrollen ohne Scrollbalken

Und zwar möchte ich meinen DIV-Container (ist ein verschachtelter Div) mit einem eigenen Scrollfunktion ausrüsten und nicht mit dem typischen in DW...

Was ist denn der typische in DW? 100% der Internetuser schauen sich Seiten NICHT mit dem Dreamweaver sondern mit einem Browser ihrer Wahl an. Und dort unterscheiden sich die Scrollbalken je nach Browser oder auch Browsertheme.

Ich wäre echt dankbar um jede Unterstützung in der Sache

z.B. http://www.hesido.com/web.php?page=customscrollbar

Ach, und bitte beim nächsten Mal nicht 5 Jahre alte Themen wieder hoch holen, dafür kannst du getrost ein neues aufmachen

Edit: ... und bitte auch nicht doppelt und dreifach...

 

[JuJu555]

In DW z.B. wird die Scrollfunktion angelegt deshalb typische Scrollbalkenfunktion. Das Resultat ist immer im Browser sichtbar, das ist klar.

Danke trotzdem.

Aber wie muss ich vorgehen?

 

[Myhar]

AW: Div mit eigener Scrollfunktion ausstatten

Wieso muss eine Scrollfunktion angelegt werden? Die Browser können das standardmäßig. Wenn der Inhalt zu groß wird, dann muss man scrollen.
Vielleicht hilft es, wenn du dein Problem ausführlich beschreibst. Nicht alle benutzen DW (ich auch nicht) und die haben keine Ahnung was du meinst.

L. G.

 

[schnullerbacke]

AW: Div mit eigener Scrollfunktion ausstatten

Ich vermute mal du suchst Javascript Scrollbalken.

Dazu gibt es im Netz jede Menge (fast) fertige Lösungen, z. B.:

http://n-son.com/jsScrollbar/
http://baijs.nl/tinyscrollbar/
http://www.hesido.com/web.php?page=customscrollbar
http://www.kelvinluck.com/projects/jscrollpane-custom-cross-browser-scrollbars/


Das ist eigentlich immer ein fertiges script, was du auf deiner Seite einbinden musst.
Das zu scrollende Div bekommt dann eine vorgegebene Klasse oder ID.
Der Scrollbalken ist dann über CSS zu gestalten.
Vorgehensweise und evtl. anfallende Gebühren wird auf den Seiten aber ganz gut erklärt.

 

[JuJu555]

AW: Div mit eigener Scrollfunktion ausstatten

ich möchte zwei mit Photoshop erstellte Pfeile mit einer Scrollfunktion versehen, innerhalb eines Divs, welches Text beinhaltet.. Doch nicht mit dem automatischen Scrollbalken sondern eben den selbst erstellten Pfeilen.....

 

[MainAngler]

AW: Div mit eigener Scrollfunktion ausstatten

Irgendwie war ich so doof zuzusagen, eine Website nicht nur zu gestalten, sondern auch umsetzen zu wollen, ich brauche also Hilfe...

Wenn ich sowas schon lese.... da sollte man dann besser überhaupt nicht helfen, sorry!:hmpf:

Schau dir den Code der Beispielseite an die du geschrieben hast.
Verwende diesen aber nicht (!) da er auf Tabellen beruht.
Das ganze ist mit JavaScript gelöst worden.

Blöd nur, wenn man JavaScript - wie ich - nicht standardmäßig aktiviert hat, denn dann funktionieren die Pfeile bzw. das Scrollen nicht.

 

[schnullerbacke]

AW: Div mit eigener Scrollfunktion ausstatten

Guck dir meinen zuletzt geposteten Link an, damit sollte das gehen, genauer gesagt hier:
http://jscrollpane.kelvinluck.com/arrow_hover.html

Die Beispiel dort gehen halt von einem "normalen" Scrollbalken aus, mit Pfeil oben und Pfeil unten, dazwischen der Drag.
Der scrollbalken wird komplett in CSS gestaltet, für den Up and Down Pfeil nimmst du deine erstellten Photoshop Pfeile als background. Mit Positionierung sorgst du dafür, dass die nicht oben und unten stehen, sondern nebeneinander unten.
Der scrollbalken und der drag bekommen dann einfach keine Hintergrundfarbe oder werden über "hidden" versteckt.
Fertig.

Ohne Javascript geht sowas sowieso nicht (glaub ich zumindest), der Vorteil dieses Scripts ist aber, dass bei deaktiviertem Javascript zumindest die Standardscrollbalken erscheinen.