Mam klienta ze stroną HTML z kilkoma przewijanymi elementami div z zawartością tekstową. Używa silnie opartego na obrazie projektu, więc domyślne paski przewijania nie pasują do niego w ogóle. Chciałaby użyć innego stylu, ale według mojej wiedzy nie jest to możliwe.Co to jest za CSS i paski przewijania?
Co myślisz?
Jest jQuery odpowiedź na to pytanie -
Istnieją pewne nice examples efektów można osiągnąć
Jest to możliwe.
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #808080;
scrollbar-darkshadow-color: #000000;
}
Uwaga: Może to nie działać, jeśli podano specyfikację XHTML!
Działa dobrze w XHTML. Sztuczka polega na tym, że gdy używasz trybu DOCTYPE w trybie standardowym (który powinieneś być, czy używasz HTML lub XHTML), element IE umieszcza główne paski przewijania widoku jako "html", a nie "body". Po prostu ustawienie "html" jest w porządku, ponieważ te właściwości dziedziczą. – bobince
Można zmieniać kolory z CSS, ale IIRC tylko IE v5.5 + obsługuje ten CSS. Inne przeglądarki nie!
Zobacz tutaj demo: http://www.iconico.com/CSSScrollbar/
Nowe nocne nightery Safari mają wsparcie dla tego .. ale różne właściwości CSR IIRC. – alex
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.
Jedyną wadą korzystania z jScrollPane jest to, że nie można używać klawiszy strzałek do przewijania w górę iw dół w obszarze zawartości, co pogarsza nieco użyteczność (chociaż może to być możliwe przy użyciu innej wtyczki jQuery). – Mun
@Mun, Ten problem jest zgłaszany jako błąd w śledzeniu błędów projektu. Ponieważ ten problem jest dla mnie ważny, planuję złożyć poprawkę na ten problem w ciągu najbliższego tygodnia. –
Jest to rozwiązanie, z którym współpracowałem i podoba mi się jego wygląd/funkcje. Klient również jest zadowolony, co jest jeszcze ważniejsze! – bloudermilk