2010-06-14 9 views
13

szukałam od jakiegoś czasu, ale nie mogę znaleźć sposób, by połączyć te elementy:Jak przeciągać i przewijać w div z jQuery

chcę szerokość 100% div, z 1 rząd elementów. Muszę przewijać ten div, tak jak: http://jqueryfordesigners.com/demo/scrollable-timelines.html

Tak więc z ukrytym przelewem i takimi.

Ale teraz chciałbym mieć jakąś gładką swobodę, kiedy puściłem kliknięcie myszki, więc będzie to jak zamiatanie. Kiedy przeciągam ekran z lewej na prawą i puszczam mysz, będzie się on poruszał przez 1 sekundę i liniowo zwalnia. Hm, czy mam sens?

Czy ktoś zna jakieś skrypty lub wskazówki, jak przywrócić mnie do działania?

Don

+1

Naprawdę irytujące o tym demie jest to, że jeśli kliknąć i przesunąć kursor myszy do przewijania, a po zwolnieniu przycisk myszy, gdy znajduje się poza polem zawartości, będzie działał tak, jakby przycisk myszy był nadal wciśnięty, gdy kursor ponownie wróci do pola zawartości, co daje poczucie braku kontroli przewijania. –

Odpowiedz

7

Utterscroll jest przeciąganie i przewijanie biblioteki pisałem:

GitHub: https://github.com/debiki/utterscroll
GitHub gospodarzem Demo: http://rawgit.com/debiki/utterscroll/master/utterscroll-example.html
Demo i blogu: http://www.debiki.com/dev/utterscroll

It różni się od innych bibliotek tym, że 1) rozumie, czy zamierzasz wybierać tekst, a nie przewijać (zauważ, że w the example linked to by the question, nie można wybrać tekstu) i 2) nie wymaga konfiguracji lub prawie wcale.

Utterscroll zatrzymuje się po zwolnieniu przycisku myszy, choć (podobnie jak Dragscrollable w odpowiedzi powyżej, nie.)

+3

Dlaczego ktoś zignorował to? Będę wdzięczny, jeśli zostawiłeś komentarz i wyjaśniłeś, lub zgłosiłeś problem na GitHub. – KajMagnus

+0

To demo już nie działa. – Kragalon

+0

@Kragalon Oh, nie zauważyłem. Wersja demo dostępna za pośrednictwem strony www.debiki.com jest rzeczywiście zepsuta. Ale to demo, hostowane na GitHub, działa: http://rawgit.com/debiki/utterscroll/master/utterscroll-example.html - Właśnie dodałem ten link powyżej. – KajMagnus

Powiązane problemy