Tworzę stronę z jedną stroną z kilkoma sekcjami, z których każda wypełnia okno użytkownika; Mam to działa.Javascript - onscroll przesuwa się płynnie do następnej kotwicy? Jak?
Co chcę zrobić, to:
Kiedy użytkownik przewija w górę iw dół on/ona łatwość w górę lub w dół (odpowiednio) do sekcji przed lub po. Moje sekcje mają kotwicę u góry.
Oto przykład tego, co próbuję osiągnąć. Każdy artykuł wypełnia stronę. Po przewinięciu przeskocz do następnego artykułu.
Myślę, że można wykonać pracę za pomocą tej wtyczki: https://github.com/alvarotrigo/fullPage.js.
Ponadto wydaje się być aktywnie aktualizowany. Ostatnie zobowiązanie do repo nastąpiło 3 dni temu.
Pozdrawiam!
Należy przyjrzeć scrollorama i superscrollorama.
Są to świetne efekty, które można wykorzystać do przewijania, w tym takie, jakie oferuje strona.
--UPDATE--
Po kilku rozmowach z PO, zdałem sobie sprawę, że obie biblioteki nie robić to, co chce. Moja nowa propozycja to reveal-js, biblioteka prezentacji js.
Dzięki, sprawdzę to! –
Wiele ciekawych rzeczy do przewijania tam na pewno, ale tak naprawdę nie znalazłem tego? Czy brakuje mi czegoś oczywistego? –
Co chcesz zrobić, to po prostu "Przypnij to" na scrolloramie i superscrolloramie, prawda? – josemando
Naprawdę nie chcesz tego robić na onscroll. Weź pod uwagę, że onscroll nie jest niczym innym niż wydarzeniem, które mówi "widok strony się porusza".
To nie znaczy, że używają kółka myszy, aby to zrobić.
W twoim telefonie twój plan może mieć sens: wtedy będzie to jak ruch oporu równy ruchowi machnięcia. Wspaniały.
Moja preferowana metoda przewijania polega na kliknięciu środkowym przyciskiem myszy, a następnie umieszczeniu myszy tuż pod punktem kontrolnym, tak aby móc czytać każdy blok tekstu podczas przewijania obok ekranu.
Nie potrzebuję nawet ręki na myszy, dla długich bloków.
Tak więc w moim przypadku onscroll będzie wyświetlać około 60 zdarzeń/sek. Jeśli automatycznie przeskoczysz artykuły, będę teleportować całą zawartość witryny.
Inne osoby wciąż przeciągają pasek przewijania.
Słuchanie kółka myszy i klawiszy (góra/dół, pg-up/pg-dół), a nie tylko jakakolwiek metoda przenoszenia strony, jest bezpieczniejsze ... ... ale czy na pewno wszystkie artykuły będą być na tyle małym, aby wszystkie treści pasowały do wszystkich okien przeglądarki, nawet w małych, głupich rozdzielczościach (iPhone 3)?
Bo jeśli ludzie muszą przewijać zawartość, aby przeczytać zawartość, nagle masz do czynienia z dużo bardziej złożonym rozwiązaniem:
Będziesz musiał wysłuchać zwykłych (lub spersonalizowanych) żądań przewijania dowolnych rodzaju, aby znaleźć się na samym dole aktualnej treści ... ... a następnie musiałbyś przekazać użytkownikowi jakąś wizualną kolejkę, która jest teraz na samym dole zawartości i nadal używać Metoda wyzwalania (przeciąganie/przeciąganie/klawisze/mice) przełączała artykuły.
Pierwsze dwa są w porządku ... ... sprawiają, że czują się sprężynowane, tak jak robią to smartfony.
... co z pozostałymi dwoma, gdzie ludzie mogą spodziewać się uderzenia ich kilka razy w ciągu sekundy, aby dotrzeć tam, gdzie idą?
Dzięki za porady! Na stronie, którą buduję, masz bardzo mało tekstu/informacji na temat każdej sekcji - co zasadniczo oznacza, że działa na bardzo małych ekranach mobilnych (przynajmniej te, które testowałem). Wykorzystuje również Media-Queries i ma nieco inne wersje dla urządzeń mobilnych. –
Czy na pewno chcesz to zrobić? Łamie domyślne zachowanie przewijania, jakiego oczekują użytkownicy. – Stuart
Za to, czego chcę użyć, jestem pewien. To bardzo prosta i krótka strona. Rodzaj eksperymentu projektowego, a nie strony informacyjnej. –