Chciałbym, aby scrollowanie w mojej aplikacji w React Native było ograniczone do odpowiedniego zakresu – tak, żeby użytkownik nie mógł przewinąć ekranu dalej, niż powinien. Obecnie ekran pozwala na nadmierne przewijanie, a następnie automatycznie wraca do początkowego układu. Chciałbym to zablokować, aby scrollowanie było płynne i zatrzymywało się w wyznaczonych granicach.
Jak zablokować nadmiere scrollowanie
- Rejestracja: dni
- Ostatnio: dni
- Postów: 1862
0
Nie będzie to do końca odpowiedź na Twoje pytanie, ale może dobrym rozwiązaniem będzie ukrycie części strony do której użytkownik ma nie mieć dostępu?
- Rejestracja: dni
- Ostatnio: dni
- Rejestracja: dni
- Ostatnio: dni
- Postów: 1628
0
szatkus1 napisał(a):
https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
Twoja odpowiedź implikuje użycie co najmniej iOS 16 dla iPhone'ów. To dość wysoko.
Oto moje rozwiązanie:
- Renderujesz całą stronę offline - zapisujesz ją jako webp
- Pobierasz ją na żądanie
- Scroll spinasz z przewijaniem
<img> - Manipulujesz postępem scrolla tak by przewijał coraz wolniej przy wyznaczonej przez ciebie granicy (np. np. funkcją logarytmu)
- Obrazek ucinasz tylko interesującej zawartości
To rozwiązanie jest niezależne od quirkow w implementacji webview ponieważ używa funkcjonalności które są z nami od czasu wejścia w życie HTML5