---
title: "Färg på scrollbar under scrollning"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/86738-färg-på-scrollbar-under-scrollning"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Peeer"
published: "2003-09-22T20:49:02.000Z"
updated: "2003-09-29T00:11:23.000Z"
replies: 13
views: 1884
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/86738-färg-på-scrollbar-under-scrollning"
---

# Färg på scrollbar under scrollning

## #1 — Peeer, 2003-09-22T20:49Z

Luddig rubrik, men till problemet!
Har nedstående kod (färgen är väl vacker :P) som fungerar utmärkt. Men om/när någon klickar på scrollbanan (för att scrolla neråt snabbt) så försvinner min fina rosa färg och blir sliskigt grön (inverterad mao.) Kan man på något sätt ställa in så att det ska vara samma färg på scrollbanan även om man scrollar på detta vis?

```
<style type="text/css">
<!--
body { 
scrollbar-track-color: #ff11ff;
}
-->
</style>
```

Permalänk: https://www.webforum.nu/p/86738

## #2 — grillkillen, 2003-09-22T21:45Z

Jag är rädd för att det inte går...

Permalänk: https://www.webforum.nu/p/1164569

## #3 — bossse, 2003-09-22T22:02Z

Men jag är rädd för att det går

```
<style type="text/css">
<!--
body { 
scrollbar-track-color: #ff11ff;
scrollbar-base-color: dinfärg;
}
-->
</style>
```

Permalänk: https://www.webforum.nu/p/1164585

## #4 — dectgap, 2003-09-22T23:23Z

> **bossse skrev:**
>
> Men jag är rädd för att det går
> 
>
>
> ```
> <style type="text/css">
> <!--
> body { 
> scrollbar-track-color: #ff11ff;
> scrollbar-base-color: dinfärg;
> }
> -->
> </style>
> ```

Du måste ha missförstått Peeer, för hos mig blir "banan" ändå grön då man klickar på den.

Jag tror att grillkillen har alldeles rätt i att det inte går att ändra den "inverterade färgen". Prova gärna själv:
<http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm>

Permalänk: https://www.webforum.nu/p/1164619

## #5 — luan, 2003-09-23T06:08Z

Du kan använda detta för att ändra färgerna i din scrollbar: 

\<style type="text/css"\> 

body { scrollbar-base-color: #CC9900; scrollbar-track-color: #e2ad61; scrollbar-arrow-color: #e2ad61;}

\</style\> 

Hoppas det fungerar och ger den effekt du var ute efter. Testa med att ändra färgerna bara till de färger du vill ha.

Permalänk: https://www.webforum.nu/p/1164661

## #6 — bossse, 2003-09-23T07:22Z

Luan skrev
 
Du kan använda detta för att ändra färgerna i din scrollbar: 

```
<style type="text/css"> 
body 
{ scrollbar-base-color: #CC9900; 
scrollbar-track-color: #e2ad61; 
scrollbar-arrow-color: #e2ad61;} 
</style>
```

Luan´s kod var ju samma som jag la ut,  bara med tillägg för färg på pilen och BÅDA funkar utmärkt. Jag lägger ALDRIG ut ett exempel utan att först ha testat det.

Man måste naturligtvis byta ut DINFÄRG i mitt exempel.

```
<style type="text/css">
<!--
body { 
scrollbar-track-color: #ff11ff;
scrollbar-base-color: dinfärg;
}
-->
</style>
```

Permalänk: https://www.webforum.nu/p/1164689

## #7 — Thorsander, 2003-09-23T07:52Z

För mig funkar det fint (provade även att skriva in koden ovan i ett nytt projekt).

Permalänk: https://www.webforum.nu/p/1164700

## #8 — dectgap, 2003-09-23T10:10Z

Hur följande kod artar sig för mig när man scrollar i rutan kan ni se på den bifogade bilden. Jag testade i IE 6.0.2800 under WinXP.

```
<style type="text/css">
div {
    scrollbar-track-color: #ff11ff;
    scrollbar-base-color: #00f;
    overflow: scroll;
}
</style>

...

<div style="height: 200px; width: 200px;">
text<br />text<br />text<br />text<br />text<br />text<br />
text<br />text<br />text<br />text<br />text<br />text<br />
text<br />text<br />text<br />text<br />text<br />text<br />
text<br />text<br />text<br />text<br />text<br />text<br />
text<br />text<br />text<br />text<br />text<br />text<br />
text<br />text<br />text<br />text<br />text<br />text<br />
</div>
```

Ni som skriver "det funkar bra för mig" - får ni överhuvudtaget problem med det första exemplet Peeer skickade med? Jag kan tänka mig att det är svårt för er att hitta en lösning om ni inte ens har något problem.

Bilagor:

- [scrolls.gif](https://www.webforum.nu/a/2038.gif)

Permalänk: https://www.webforum.nu/p/1164790

## #9 — luan, 2003-09-23T15:08Z

Jag har ju testat mitt. Använder det på min egen sida. Därför vet jag att det funkar. ;). Jag vet att dom var lika. Men det är väl alla förslag. Speciellt när det egentligen finns en vanlig och enkel lösning på problemet.

Permalänk: https://www.webforum.nu/p/1164947

## #10 — Peeer, 2003-09-23T15:25Z

> **luan skrev:**
>
> Jag har ju testat mitt. Använder det på min egen sida. Därför vet jag att det funkar. ;). Jag vet att dom var lika. Men det är väl alla förslag. Speciellt när det egentligen finns en vanlig och enkel lösning på problemet.

Skulle vara roligt att se din sida, då jag inte får din kod att fungera (du kanske använder en annan browser?). Om ni tittar på dectgap så är det precis det som är mitt problem. Scrollbanan blir grön när man klickar på den. Börjar tvivla på att det går att lösa öht.

Permalänk: https://www.webforum.nu/p/1164965

## #11 — Jerpa, 2003-09-26T21:12Z

Re:

Hmm, finns ju även detta kanske onödiga sätt:
<http://www.jerpadesign.com/portfolio/orange> gå in på nån sida med lite mer text tex design å för muspekaren över scrollen...

Permalänk: https://www.webforum.nu/p/1169923

## #12 — Peeer, 2003-09-26T23:11Z

Fruktansvärt jobbigt. Hela sidan blinkade varje gång man förde musen över scrollen. Fick ett mindre nervsammanbrott.

Permalänk: https://www.webforum.nu/p/1169954

## #13 — Nexus86, 2003-09-26T23:49Z

Håller med dectgap. Det går med största säkerhet inte att ändra den färgen.

Ni andra: Hur sjutton läser ni? Hur kan ni få att han vill ändra färgen som kommer när man klickar på banan till att han vill byta färg på pilarna? :q

Permalänk: https://www.webforum.nu/p/1169957

## #14 — Nexus86, 2003-09-29T00:11Z

Re: Re:

> **Jerpa skrev:**
>
> Hmm, finns ju även detta kanske onödiga sätt:
> <http://www.jerpadesign.com/portfolio/orange> gå in på nån sida med lite mer text tex design å för muspekaren över scrollen...

\[OT\]
Du har glömt något. Nämligen att behålla kommentarerna i javascriptet som ändrar färgerna på scrollbarsen där det står [vilka som egentligen gjort scriptet](http://www.dynamicdrive.com/dynamicindex11/scrolleffect.htm).
\[/OT\]

Permalänk: https://www.webforum.nu/p/1171058

---

Tråden på webben: https://www.webforum.nu/amne/html-css/86738-färg-på-scrollbar-under-scrollning