Próbuję dodać strzałki do x
i y
osi przewijania, oto moja przewijania: http://jsfiddle.net/Nk3NH/ I chcę tę strzałkę (image) na dwóch osiach: http://i.imgur.com/ygGobeC.png szukam kod dodający takie strzały, , a nie w górę iw dół.Dodawanie strzałek scrollBar
Odpowiedz
Grałem się z nim dla ciebie. Najpierw ustawiłem przyciski na 10px x 10px, aby było to łatwiejsze, i utworzyłem 4 10 na 10 strzałek wskazujących w lewo, w prawo, w górę iw dół. Następnie ustawiam rozmiar tła na 100%, aby skalować go poprawnie. potem ustawić właściwy obraz do każdego przycisku, stosując te :increment
, :decrement
, :horizontal
i :vertical
selektorów. Obrazy są teraz w moim publicznym folderze dropbox, ale możesz dodać własne.
Oto zaktualizowany kod: http://jsfiddle.net/Nk3NH/2/
kod pisałem było to:
::-webkit-scrollbar-button {
background-size: 100%;
height: 10px;
width: 10px;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-button:horizontal:increment {
background-image: url(https://dl.dropboxusercontent.com/u/55165267/icon2.png);
}
::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(https://dl.dropboxusercontent.com/u/55165267/icon4.png);
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://dl.dropboxusercontent.com/u/55165267/icon3.png);
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://dl.dropboxusercontent.com/u/55165267/icon.png);
}
EDIT: Udało nam się dostać przyciski przewijania obok siebie jak PO chciała dodając te style:
::-webkit-scrollbar-button:end {
display: block;
}
::-webkit-scrollbar-button:start {
display: none;
}
Zaktualizowany kod z base64 obrazów zamiast linki:
Wystarczy dodać:
::-webkit-scrollbar-thumb {
background-image:url(http://i.imgur.com/ygGobeC.png);
}
Niestety to niepełny kod, ponieważ dodaje ten sam obraz na obu osiach w obu kierunkach, w górę iw dół, i że nie jest to dokładnie to, co chcę – user2401856
- 1. Dodawanie domyślnych strzałek sortowania do GridView
- 2. force scrollbar w Safari
- 3. Qt - QGraphicsView bez ScrollBar
- 4. Facebook Apps Horizontal Scrollbar
- 5. webkit css scrollbar stylizacja
- 6. Ukryj RecyclerView scrollbar
- 7. PrimeFaces DataTable scrollBar
- 8. Sposób usuwania strzałek na pasku przewijania za pomocą CSS
- 9. css: margin-top powoduje scrollbar
- 10. Niestandardowy listbox Scrollbar style Issue
- 11. Składnia funkcji łańcuchów strzałek
- 12. C# i klawisze strzałek
- 13. Klawisze strzałek z NSTableView
- 14. Wykreślanie strzałek z gnuplotem
- 15. Sterowanie liczbą głowic strzałek
- 16. Keycodes klawiszy strzałek
- 17. kody pobierania i strzałek
- 18. Zaleta strzałek nad funkcjami
- 19. Zmień kolor tła ScrollBar w ScrollViewer WPF
- 20. excel - vba - userform - frame - set scrollbar position
- 21. Nie można ustawić szerokości webkit-scrollbar-thumb
- 22. Android, jak ustawić ScrollBar w Edittext?
- 23. Czy webkit-scrollbar działa z webkit-transition?
- 24. Pożar zdarzenia MouseLeave podczas przenoszenia kontrolki ScrollBar
- 25. W jaki sposób paski przewijania są wyświetlane w nowym interfejsie użytkownika Dokumentów Google (szczególnie przyciski strzałek)?
- 26. vim: jak określić klawisze strzałek
- 27. Wygląd strzałek w ggplot2 geom_segment()
- 28. Używanie funkcji strzałek z d3
- 29. Uzyskiwanie klawiszy strzałek od cin
- 30. CSS3 - Jak "przywrócić" :: - właściwość webkit-scrollbar do domyślnego paska przewijania
Niestety ale ten kod nie jest dokładnie to, co muszę, bo chcę przycisków jak powiedziałem tak być: http://i.imgur.com/aMl9c6y.gif Jeśli tak to dam ci 20 reputacji .. – user2401856
tak wiem, że napisałeś to sam, nie martw się dostaniesz 20 reputację, że jeśli zrobisz to, co cię prosiłem;) – user2401856
Sorry niezrozumiany przez sek –