• 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?

0 głosów
69 wizyt
pytanie zadane 1 lutego w JavaScript, jQuery, AJAX przez rafal612b Nałogowiec (42,440 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 przez Ivan Maniak (60,950 p.)
Trzy eventy: touchstart touchmove touchend
Biblioteki chyba sam sobie znajdziesz [google: touch event js library]
komentarz 1 lutego przez rafal612b Nałogowiec (42,440 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 70 wizyt
0 głosów
3 odpowiedzi 103 wizyt
pytanie zadane 19 grudnia 2018 w JavaScript, jQuery, AJAX przez Bartess Gaduła (3,060 p.)
0 głosów
1 odpowiedź 38 wizyt
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

62,470 zapytań

108,624 odpowiedzi

226,796 komentarzy

36,380 pasjonatów

Przeglądających: 139
Pasjonatów: 17 Gości: 122

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...