[JavaScript][jQuery] SCROLL UP/DOWN Opcje

[-chłopiec z pieca-]

Cześć.

Mam div, na który nadałem określoną wartość height - treść się chowa - normalka. Więc chciałbym wprowadzić możliwość przesuwania góra/dół tekstu zawartego w tym divie.
Zdaje sobie sprawę z istnienia overflow: scroll - jednak chciałbym to inaczej rozegrać. Wstawiłbym dwie grafiki (strzałka góra/dół), które regulowałyby zawartość tekstu.

Interesuje mnie rozwiązanie w jQuery, ale czy są gotowe funkcje w nim?

[enero_com_pl]

@Strife: Fajny skrypcik, dzięki. Nie mogę sobie jednak z tym poradzić. Czy ktoś może podpowiedzieć, jak te czerwone kwadraciki przemieścić w miejsce tych "strzałek" ? W CSS kombinowałem, ale może to w JS jest pozycjonowane ? I gdzie w kodzie miałbym zmienić wartość przesuwania o Y px ?

Kolejny problem, to brak kompatybilności z przeglądarkami. O ile w IE działa to w Chrome przesuwa tylko o jedną linię, a reszty jakby nie widzi.

tutaj strona z kodem ( podejrzyjcie źródło ) http://www.mediareaktor.pl/projects/basilium/

Sprawdziłem w IE 9 jeszcze i też nie przesuwa tak jak trzeba.

Ten post edytował enero_com_pl 30.01.2012, 11:47:18

[strife]

@Strife: Fajny skrypcik, dzięki. Nie mogę sobie jednak z tym poradzić. Czy ktoś może podpowiedzieć, jak te czerwone kwadraciki przemieścić w miejsce tych "strzałek" ? W CSS kombinowałem, ale może to w JS jest pozycjonowane ? I gdzie w kodzie miałbym zmienić wartość przesuwania o Y px ?

Kolejny problem, to brak kompatybilności z przeglądarkami. O ile w IE działa to w Chrome przesuwa tylko o jedną linię, a reszty jakby nie widzi.

tutaj strona z kodem ( podejrzyjcie źródło ) http://www.mediareaktor.pl/projects/basilium/

Sprawdziłem w IE 9 jeszcze i też nie przesuwa tak jak trzeba.

Ostyluj to sobie po prostu, masz elementy:

[HTML] pobierz, plaintext 
<a class="jspArrow jspArrowUp jspDisabled"></a>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<a class="jspArrow jspArrowDown"></a>
[HTML] pobierz, plaintext 

Wystarczy, że sobie to ostylujesz w cssie i będziesz miał co tylko chcesz zamiast tych kwadratów.

Z tego co pamiętam to ten skrypt jest kombatybilny w większości przeglądarek, więc stawiam na jakiś błąd z zakresu HTML/CSS.

A wartość przesuwania w px, z tego co się orientuje znajdziesz w dokumentacji. Musisz trochę poszukać.