• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak stworzyć gesty na wersji mobile?

VPS Starter Arubacloud
0 głosów
252 wizyt
pytanie zadane 1 lutego 2019 w JavaScript przez rafal.budzis Szeryf (85,260 p.)
Hej próbuje zrobić zamykanie modala po przeciągnięciu palcem w dół lub w górę. Chce osiągnąć dokładnie taki rezultat jak na Google grafika w wersji mobile gdy klikniemy dowolne wyszukane zdjęcie.

Wewnątrz mojego modala posiadam zakładki które można przeciągać w prawą lub lewą stronę.

Obecnie rozwiązałem to poprzez użycie slick slider. Modal jest tworzony z sliderem wertykalnie a zakładki wewnątrz są horyzontalnie. Mój problem polega na tym ze gdy przesuwamy zakładki prawo/lewo modal  rusza się góra dół podczas przesuwania. Google ma to na tyle fajnie zrobione ze gdy zaczniemy przesuwać w prawo nie możemy przesunąć w dół dopóki nie oderwiemy palca od ekranu.

Znacie jakąś bibliotekę która dała by mi takie rozwiązanie w standardzie? Projekt pisze w React jednak jestem otwarty na zwykłe java scriptowe biblioteki które będę mógł odpowiednio zintegrować z React samodzielnie.

PS. Macie swoje ulubione gesty które pomagają wam w nawigowaniu po swoim ulubionych aplikacjach? Jeśli tak opiszcie je. Staram się obecnie dodać jak największą ilość gestów do mojego projektu dlatego chętnie przyjmę wskazówki na czym skupić uwagę.

1 odpowiedź

0 głosów
odpowiedź 1 lutego 2019 przez Ivan Maniak (60,650 p.)
Trzy eventy: touchstart touchmove touchend
Biblioteki chyba sam sobie znajdziesz [google: touch event js library]
komentarz 1 lutego 2019 przez rafal.budzis Szeryf (85,260 p.)
Nie znalazłem nic ciekawego i uwierz szukałem ;) Potrzebuje zachować działanie slick slidera a tymczasem znalazłem biblioteki tylko przeznaczone pod gesty. Wówczas musiał bym pisać swój slider :/

Mam w sumie pomysł aby zrobić DIVa przed wszyskimi i łapać w nim eventy touch a następnie symulować touch w lini prostej w dalszych elementach. Na podstawie pierwszego pociągnięcia gdzie mógłbym  wyznaczyć kąt w radianach za pomocą Math.atan2. Jednak wolałbym zaleźć jakieś rozwiązanie które nie bedzie wymagało dodatkowej pracy ;)

Podobne pytania

0 głosów
3 odpowiedzi 968 wizyt
0 głosów
3 odpowiedzi 206 wizyt
pytanie zadane 19 grudnia 2018 w JavaScript przez Bartess Gaduła (3,630 p.)
0 głosów
0 odpowiedzi 117 wizyt
pytanie zadane 31 stycznia 2020 w Sprzęt komputerowy przez Wiktor Koźlik Użytkownik (950 p.)

92,454 zapytań

141,262 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...