Drag to scroll

Adobe Reader ma bardzo wygodną i intuicyjną funkcję przewijania tekstu za pomocą myszy. Wystarczy złapać kartkę i przesunąć ją ruchem myszy. Jako, że nie sypiam, wymyśliłem sobie zadanie - zaimplementować to samo w HTML.

Efekt kilkunastominutowego starcia z JS można zobaczyć na stronie testowej. Jedyny problem jest taki, że musiałem wyłączyć zaznaczanie tekstu - działało niespecjalnie intuicyjnie, bo tekst przewijał się razem z kursorem. Nie powinno to przeszkadzać tam, gdzie przewijanie takie może się w ogóle przydać (na przykład w prezentacjach).

Rozwiązanie, póki co, jest zrobione na szybko i daleko mu do wzorcowej implementacji. Poprawię przy najbliższej okazji, jeśli będą zainteresowani.

Komentarze do notki Drag to scroll

  1. alberht powiedział(a):

    ciekawe:] jeszcze tylko zmień strzałke na 'łapkę' i będzie super;)

  2. Patrys powiedział(a):

    W Firefoksie jest łapka. W Operze jest problem z odświeżaniem kursorów przez JS. W IE nie testowałem wcale, bo nie mam.

  3. dxOne powiedział(a):

    z pewnoscia sie przyda

  4. s powiedział(a):

    ani to fajne, ani wygodne ;P dobranoc :)

  5. ramzes powiedział(a):

    a ja uwazam, ze to calkiem ciekawe.

  6. s powiedział(a):

    zart. to byl zart. chociaz osobiscie wole rolke niz urywanie sobie reki, ale przesz to kwestia gustu jest. niektorzy wszak pewnie maja dobrze opanwane ruchy posuwistozwrotne reki. dobranoc po raz wtory :>

  7. zar powiedział(a):

    Bardzo ciekawe, acz za zbyt dużą cenę. Zaznaczanie tekstu to podstawa :)

  8. sprae powiedział(a):

    Od biedy zaznaczyc mozna wszystko przez ctrl+a.

  9. zar powiedział(a):

    Niestety, od biedy :/

  10. ramzes powiedział(a):

    albo kopiowac txt ze zrodla strony :)

  11. Jam Łasica powiedział(a):

    A można w ten sposób scrollować duże obrazki,
    czy włącza się od razu drag&drop?

  12. Dulek powiedział(a):

    W IE też działa, nie blokuje tylko zaznaczania.

  13. Patrys powiedział(a):

    Jam Łasica:

    Powinno się dać bez problemu scrollować. Proponuję sprawdzić, nie mam nic dużego pod ręką.

  14. deadlink powiedział(a):

    Fajnie, ale w FF1.5 pl @ win32 jest strzałka, zamiast łapki. :)

  15. Aule powiedział(a):

    Heh, troche ala Black&White ;)

  16. alberht powiedział(a):

    @Patrys:
    mam dokładnie to samo co deadlink;)

  17. Mzz powiedział(a):

    Jeżeli wyjedzie się za okno przeglądarki podczas przeciągania, po powrocie (nawet bez przyciśniętego lpm) strona dalej się przeciąga. Można zrobić 10-cio pikselowe obramowanie dla całej strony, tak aby po najechaniu na nie wyłączało się przeciąganie.

    Hm... Ciekawe i b.intuicyjne. Roxxorz.

  18. Patrys powiedział(a):

    Fifefox 1.5, oficjalne wydanie, pl_PL @ Linux/i686.

    Kursor jest prawidłowy, po wyjechaniu za okno nie ma problemów.

    Dodam wyłączanie scrolla po opuszczeniu okna przeglądarki, z kursorami wiele więcej zrobić nie mogę raczej.

  19. Mzz powiedział(a):

    Czyli to Windows ssie, no ale kompatybilne ze wszystkim powinno być.

  20. psz powiedział(a):

    Na http://i-serwis.action.pl/ takie coś przewija popupy z fotkami... miłe :)

  21. mcv powiedział(a):

    Hmm, dobre do toczpadów, jak komuś nie chciało się szukać sterowników Synapticsa :Þ IMVVVHO można by to żywcem w samym FF zaimplementować. Czy nie?

  22. Patrys powiedział(a):

    Możnaby, jako extension.

  23. Cleriic powiedział(a):

    Hmmm... ciągle otrzymuję "Połaczenie zostało zresetowane" :(

  24. Patrys powiedział(a):

    A mi ciągle działa.

  25. medyk powiedział(a):

    Działa bardzo ok (poza brakiem łapki pod windą).. a swoją drogą świetnie w tej roli się sprawdza scroll myszy, nie odczuwam braku tego rozwiązania w przeglądarce internetowej. Nawet w readerze preferuję scroll'a

  26. Jan Prosiak Tucznikowski powiedział(a):

    Może być przydatne, jeszcze nie wiem gdzie, ale kto wie ;]

  27. misia powiedział(a):

    totally off-topic: nie wiem, komu to wysłać... chodzą słuchy na mieście, że joggerowcy to l33t hax0rzy ;), a w komentarz linki do stron autorów nie mają nofollow: http://googleblog.blogspot.com/2005/01/preventing-comment-spam.html

  28. Patrys powiedział(a):

    misia:

    Ale ty nie możesz dodawać tu linków. A nofollow używam nawet we wpisach czasami, jeśli nie chcę komuś nabijać PR.

    Co do zarejestrowanych użytkowników, nie mam wpływu na to, jak wygląda link. To gotowa pozycja w szablonie.

  29. misia powiedział(a):

    Patrys: fakt fakt! dzięki i sorry, chyba musze spac czesciej. Opinia z miasta utrzymana ;)

  30. bela powiedział(a):

    Przecież w Acrobat Readerze też nie ma od razu włączonego zaznaczania tekstu, można by dodać taki pasek z position: fixed, co byłby na górze i tam opcje typu "włącz zaznaczanie" etc.

  31. Mzz powiedział(a):

    Albo skrótem klawiszowym...

  32. |.-.|---|.-.|..|---| powiedział(a):

    Fajne to jest!

  33. wb powiedział(a):

    Fajne, ale szkoda, że tak późno ;-)
    Nikt się teraz do tego nie przyzwyczai, nie zmienisz nawyków użytkowników.

  34. kameowy powiedział(a):

    Myślę, że Patrysowi nie chodziło o zmienianie przyzwyczajeń. To się bardzo dobrze nadaje na różnego rodzaju prezentacje...

    Jak sobie zrobisz skrypt do greasemonkey'a albo jakąś skryptozakładkę to możesz tak mieć na każdej stronie - dla własnej wygody, a nie innych użytkowników ;)

  35. Riddle powiedział(a):

    Hyhs, ale przecież dorobić opcję zaznaczania to kwestia sekund!

    Tworzysz panel z position: fixed gdzieś na stronie, najlepiej na dole taki długi ładny i masz tam podwójny button

    [ *Scroll* | Select ]

    Zaznaczony Scroll. Kliknięcie na Select przerywa działanie f-cji przewijającej i można zaznaczyć, skopiować i już.

    Ewentualnie czekać ileś sekund na to, jak myszka nie będzie się ruszać i f-cję wyłączać, pozwalać na zaznaczanie i potem znowu włączać.

  36. przemek powiedział(a):

    Bardzo ciekawe to jest. A brak możliwości zaznaczania na stronie - sympatyczny efekt uboczny. Kto będzie chciał ten i tak zaznaczy co mu potrzeba.

    A ja z nieco innej strony - jest możliwość włączenia autoscrolla w Adobe Readerze czy czymś takim? Za szybko czytam, irytująca jest konieczność przerzucania stron... :/

  37. 3ED powiedział(a):

    A jak skopiować ten tekst?

  38. Plaargath powiedział(a):

    Nader inspirujące.

Podpis:
Treść:
Strona WWW (opcjonalnie):
Wpisz kod:code