[JavaScript][CSS][HTML] Zmiana szerokości scrollbar Opcje

[php__amator]

Siema przedszkolaki,

Potrzebuję podpowiedzi w temacie jak w temacie (IMG:style_emoticons/default/smile.gif)
Chciałbym zmienić szerokość scroll baru ale .... i tu pojawia się problem bo wiem jak zmienić szerokość w oknie głównym, nie ma problemu. Problem pojawia się gdy chciałbym zmienić szerokość w .....

[HTML] pobierz, plaintext 
<select>
<option >costam</option>
<option >costam</option>
<option >costam</option>
<option >costam</option>
<option >costam</option>
<option >costam</option>
<option >costam</option>
<option >costam</option>
</select>
[HTML] pobierz, plaintext 

..... w liście rozwijanej (IMG:style_emoticons/default/smile.gif) W przypadku gdy lista jest krótka ... zero problemu ale gdy jest długa i pojawia się scroll bar ....
Czy i jeśli to możliwe to jak ?
Czy sam CSS da radę ?
Czy trzeba JS ?
Podpowiedzcie, szperam po sieci i nigdzie nie natknąłem się na żaden przykład jak tego dokonać.
Wszędzie znajduję tylko jak zmienić scroll bar okna głównego a to mi na nic (IMG:style_emoticons/default/sad.gif)

Nie powiem, że sprawa pilna. Chciałbym wykorzystać to do łatwiejszego wybierania "paluchami" bo celowanie w taki standardowy wąziutki pasek ... jest cokolwiek trudne (IMG:style_emoticons/default/smile.gif)

Pozdrawiam
phpamator

Ten post edytował phpamator 17.03.2014, 21:16:58

[timon27]

Teoretycznie się nie da.
Musisz więc zastosować jakieś obejście.


Pierwszy sposób:
Własny pasek przewijania w jquery. Powinien mieć odpowiednie opcje aby móc przedłużyć buttona i aby nie był zbyt 'fantazyjny' w porównaniu do systemowego.
http://www.as4you.pl/artykuly,59.html

Drugi sposób - trudniejszy ale własny.
Masz diva (div1) w którym chcesz zamieścić "oszukany" pasek:
1. skracasz div1 o 16 px z prawej
2. usuwasz mu pasek
3. z prawej tworzysz drugiego diva (div2)
4. w div2 wstawiasz obowiązkowy pasek z prawej (wypełni go on całkowicie)
5. w div2 zamieszczasz obrazek o szerokości 1px zaś wysokości odpowiedniej tak aby przycisk przewijania był taki jak chcesz.
6. w js pod zdarzenie przesuwania paska w div2 podpinasz przesuwanie zawartości div1

Tak ja to widzę.


Ten post edytował timon27 17.03.2014, 21:34:51