› Archiwum dnia › 15 sierpnia 2013

[jQuery] nowoczesny przycisk “przewiń do góry”

 Kategorie: How-to, Javascript, poradniki, Porady dla webmasterów, tourtale   Dodano: 15 sierpnia 2013 09:44  

Szybki tutorial JavaScript używający jQuery do wyświetlenia przycisku “skocz na górę strony”.

Opis:
– przeźroczysta ikonka ze strzałką pojawia się po przewinięciu strony o zadaną wysokość (np. 200px) i znika po powrocie na samą górę,
– po najechaniu myszką ikonka staje się bardziej widoczna (mniej przeźroczysta)
– po kliknięciu w ikonkę uruchamia się płynne przejście użytkownika na samą górę strony

Przykład:
– na tym blogu (przewiń strone trochę niżej aby zobaczyć)

Gotowiec:
– wtyczka wordpress:  https://webowiec.net/blog/wordpress-go-top-of-the-page-skocz-na-gore-strony/

  czytaj całość

[wordpress] Go TOP of the page – skocz na górę strony

 Kategorie: Darmowe komponenty   Dodano: 15 sierpnia 2013 09:27  

Nazwa: Go TOP of the page – skocz na górę strony
Ostatnia aktualizacja: 15 sierpnia 2013
Waga: 5,6 KB 
Skrypt: WordPress [>2.0]
Opis:  Wtyczka wyświetlająca ikonkę – strzałkę do góry w prawym dolnym rogu ekranu, która po najechaniu myszką staje się bardziej widoczna a po kliknięciu przenosi użytkownika na samą górę strony w płynnej animacji. Ikonka pojawia się wtedy, gdy użytkownik przewinie ręcznie stronę o 200px w dół i znika po powrocie użytkownika wyżej.
SEO tech: 2 obiekty wczytywane z chwilą uruchomienia strony (skrypt wtyczki JS: 0,7kB, ikonka: 4,2kB), styl CSS includowany do wp_head (nagłówek strony bezpośrednio w HTML)
Przykład: (po prawej stronie ekranu)  czytaj całość