Pasek przewijania w przeglądarce stylu

Question

Widziałem to wiele lat wcześniej, ale ponieważ nie było szeroko obsługiwane, strony internetowe z niego rezygnują.

Obecnie tworzę stronę internetową, która będzie zawierała paski przewijania w projekcie i zastanawiałam się, czy CSS2 ma specyfikację pasków przewijania w stylach przeglądarki, ponieważ kolory domyślne nie pasują. Jeśli nie ma specyfikacji, docenione zostanie każde odniesienie do określonego zachowania przeglądarki.

Jeśli nie ma tam specyfikacji CSS, musiałbym polegać na niestandardowym pasku przewijania przy użyciu JS. Doceniono również odniesienia do tego, jak je zbudować.

Answer 1

rozwiązanie javascript można znaleźć na http://www.hesido.com/web.php?page=customscrollbar. Pamiętaj, że musisz za to zapłacić, ale nawet jeśli nie chcesz jechać, pokazuje to, co jest możliwe.

W przeciwnym razie dostępne są również jQuery solution i Prototype solution.

Answer 2

Można to zrobić tak:

<style> 
body { 
    scrollbar-face-color: #000000; 
    scrollbar-highlight-color: #000000; 
    scrollbar-shadow-color: #000000; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-arrow-color: #000000; 
    scrollbar-track-color: #000000; 
    scrollbar-darkshadow-color: #000000; 
} 
</style> 

ale działa tylko w przeglądarce Internet Explorer i Opera (dzięki Julien!). I możesz chcieć użyć różnych kolorów. 8-)

Answer 3

WebKit obsługuje another mechanism.

Answer 4

Zacytuję siebie z this thread, ponieważ jest powiązany:

Z punktu widzenia użyteczności, zmieniając suwakami jest no-go. Użytkownik zna swój system operacyjny i środowisko wizualne, które zapewnia. Zmiana ta powoduje zamieszanie, szczególnie wśród osób, które dopiero zaczynają używać komputerów, osób starszych itp.

Większość użytkowników dzisiaj rozpoznaje pasek przewijania, o ile ma on swój podstawowy kształt - a wielu nawet nie użyje sam pasek, ale tylko kółko przewijania myszy.

Nadal trzeba się nad tym zastanowić. Zastanów się nad swoimi odbiorcami. Cokolwiek robisz, upewnij się, że działa na wszystkich platformach/we wszystkich przeglądarkach, jeśli używasz niestandardowego paska przewijania.

Answer 5

Wiele przeglądarek obsługuje niektóre style przewijania, ale nic z tego nie jest standaryzowane w css.

również, jak Arve systad powiedział, zmieniając takich podstawowych widgetów systemu operacyjnego jest no-go-choć należy być ostrożnym z przycisków zmieniających wtedy zbyt

Answer 6

Nie udało mi się wypróbować tych rozwiązań, ale wyglądają one bardzo obiecująco i podobno ulegają degradacji.

To byłby mój pierwszy wybór
http://www.hesido.com/web.php?page=customscrollbar

http://www.n-son.com/scripts/jsScrolling/new/example5.html