Budujesz piękną stronę w Elementor i zastanawiasz się jak dodać ten popularny i przydatny przycisk “Przewiń do góry”? To nic trudnego! W kilku krokach pokażę Ci jak zrobisz go samodzielnie. Łatwo, szybko i za darmo. Scroll to top w Elementor. Zaczynamy! Scroll to top w Elementor Przycisk “Scroll to top” czyli na “Przewiń do góry” to nic innego jak pływający w narożniku ekranu przycisk pozwalający użytkownikowi szybko wrócić na początek oglądanej strony. Bez żmudnego kręcenia kółkiem myszy lub przewijania palcem po ekranie. Pierwsze co musisz zrobić to wybrać dla przycisku odpowiednie miejsce. Chodzi o taki element witryny, który pojawia się zawsze na każdej podstronie. Są nimi najczęściej dwa: pasek menu u góry ekranu oraz stopka. Co prawda przycisk “Przewiń do góry” występuje najczęściej w prawym dolnym rogu ekranu, ale skoro jest zawsze do niego “przyklejony” to tak naprawdę nie ma znaczenia, czy umieścisz go w górnej belce czy w stopce. Dla jakiegoś ogólnego porządku sam zawsze zamieszczam przycisk w stopce. Zabierzmy się więc do pracy. Zakładam, że wiesz już jak tworzyć globalny szablon stopki w Elementor.  Krok 1 Jeśli posiadasz wersję Elementor Pro, to sprawa jest jasna – tworzysz szablon stopki w zakładce Szablony -> Zapisane szablony -> Dodaj nowy lub

Cześć! Zgodnie z obietnicą, dziś na blogu kontynuacja poprzedniego wpisu w którym pokazywałem jak zrobić przycisk scroll to top w Elementor. Tym razem zajmę się drobną, ale jakże ciekawą poprawką. Pokażę Ci, jak ukrywać i pokazywać przycisk w zależności od przewijania ekranu. Zaczynamy! Scroll to top w Elementor Wcześniej utworzony przycisk “Scroll to top” pojawia się teraz cały czas. Nawet tuż po wejściu na stronę. Jest to trochę bez sensu, bo przycisk ten nie jest potrzebny w momencie, gdy użytkownik jest już na górze strony. Jak zapewne zauważyłeś na innych stronach, taki przycisk często pojawia się dopiero po przewinięciu strony o określoną wysokość. Znika natomiast jeśli przewiniesz stronę do góry. Jak to osiągnąć? Krok 1 Przejdź do edycji miejsca w którym dodałeś swój przycisk “Scroll to top” i odszukaj widżetu HTML w którym dodałeś już skrypt przewijania do góry. Krok 2 Wklej poniższy fragment kodu. Zwróć uwagę na wartość parametru ‘offset’. Wartość ta wyrażona w pikselach określa odległość po jakiej przewinięciu przycisk będzie się pokazywał. Możesz zmienić tą wartość wg. własnych upodobań, ale nie dodawaj żadnych jednostek typu ‘px’, ‘em’, ‘rem’ itp. Co robi ten fragment? Ciągle monitoruje jak daleko użytkownik przewinął stronę