Scrollbalken "verschönern"

[Xenolith]

Hallo,
Ich suche nach einer Möglichkeit den Scrollbalken designmäßig an mein Template anzupassen bzw einen alternativen Scrollbalken zu verwenden. Wichtig dabei ist das es von allen gänigen Browsern unterstützt wird.

vielen Dank für eure Hilfe,
Xenolith

[owr_bgld]

Google: Suchworte css und scrollbar

[Xenolith]

Meinst du sowas hier?

Code: Select all

scrollbar-face-color: #DDDDDD;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #808080;
scrollbar-shadow-color: #969696;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;

Funktioniert leider nur im IE...

EDIT: außerdem ist dieses CSS Statements nicht valide...

EDIT2: http://www.firefox-browser.de/wiki/FAQ: ... Scrollbars

[owr_bgld]

Funktioniert leider nur im IE...
außerdem ist dieses CSS Statements nicht valide...

Das meinte ich eigentlich, denn es funktioniert nur teilweise und da nur mit Bauchweh bzw. sollte man davon Abstand nehmen.

[Xenolith]

Funktioniert leider nur im IE...
außerdem ist dieses CSS Statements nicht valide...

Das meinte ich eigentlich, denn es funktioniert nur teilweise und da nur mit Bauchweh bzw. sollte man davon Abstand nehmen.

Problem ist das ich bei google nur solche Mülltreffer finde.

Ich dachte jetzt auch eher an eine lösung mittels ajax/javascript/schlagmichtot.

[Jos]

Vielleicht gibt's hier was du meinst

http://www.kelvinluck.com/assets/jquery ... lPane.html

[nockenfell]

Vielleicht gibt's hier was du meinst

http://www.kelvinluck.com/assets/jquery ... lPane.html

jScrollpane ist sehr gut. Ich habe es z.B. hier eingebaut: http://bit.ly/b5j5RK (Der Inhalt der Seite ist nicht von mir)

[Xenolith]

Hallo,
Hast du mal ein Beispiel wie ich es in mein Template einbaue?

Liebe Grüße Xenolith

[nockenfell]

Hm, kommt nun darauf an was du genau gesucht hast. Mit jScrollPane kannst du den Scrollbalken eines div Containers nach deinen Wünschen gestalten. Ob dies auch mit dem Scrollbalken des Browsers möglich ist, weiss ich ehrlich gesagt nicht.

Hier würde ich je nach dem das Browserfenster mit einem Container füllen und den Content in diesem Container selber scrollen lassen.

[Xenolith]

Code: Select all

<!-- HEAD -->
<!-- Einbindung von Stylesheets -->
{stylesheet}
<link  rel="stylesheet"  type="text/css" media="all" href="uploads/joc_template/css/jScrollPane.css" />

<!-- Einbindung von Javascript -->
<__script__ type="text/javascript" src="uploads/joc_template/js/jquery-1.4.2.min.js"></__script>
<__script__ type="text/javascript" src="uploads/joc_template/js/jScrollPane.js"></__script>

<!-- Scrollbalken -->
{literal}
<__script__  type="text/javascript">     
$(function()
{
	$('#content').jScrollPane();
});
</__script>
{/literal}

<!-- BODY -->
<!-- mittels CSS wurde die Eigenschaft overflow auf auto gesetzt -->
<div id="content">
{content}
</div>

So geht es schonmal nicht;)

[nockenfell]

Du musst auch ein paar Eigenschaften mitgeben. Wie gross ist der Inhalt? Hast du eine Demoseite wo wir schauen können?

[Xenolith]

Link:

Code: Select all

http://jesusourcaptain.org/testcms/sports/snow/snowboardenone

CSS:

Code: Select all

#content { 
height:     430px;
width: 	586px;
display:block; 
overflow:auto; 
position:absolute; 
margin: 30px;
background:     transparent url(uploads/joc_template/images/background/content.png) no-repeat;
}

[NaN]

Code: Select all

	$('content').jScrollPane();

So geht es schonmal nicht;)

$('content').jScrollPane(); ist ja auch falsch.

$('#content').jScrollPane(); sollte funktionieren.

[Xenolith]

Ich muss dich enttäuschen auch so geht es nicht

Hab eich eine Möglichkeit zu überprüfen ob der die *.js Dateien findet die ich eingebunden habe?

[NaN]

Versuchs mal so:

   
$(document).ready(function()
{
$('#content').jScrollPane();
});