Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Kubaru

Stałe przypięcie elementu na stronie

Promowane odpowiedzi

Kubaru    4

Często zdarza się tak, że chcemy, żeby jakiś element na naszej stronie był ciągle widoczny mimo przewijania zawartości.

Sposobów na "przypięcie" danego elementu na stałe jest wiele. Ja pragnę zaprezentować jedno, bardzo proste rozwiązanie z wykorzystaniem jQUERY!

sticky.png

Często elementem, który ma być cały czas widoczny jest menu nawigacyjne witryny, co ma ułatwić poruszanie się użytkownika po naszej witrynie.

Do naszych działań wykorzystamy plugin Sticky, którego demo możecie zobaczyć na Demo Sticky.

Cały skrypt możecie pobrać ze strony: Download.

Do naszego kodu dołączamy bibliotekę jQUERY oraz pobrany skrypt:


[/php]

[b]Potem odpowiednio "wpinamy" Sticky do danego elementu:[/b]

[php]

W miejscu #sticker podajemy ID elementu, który ma być ciągle widoczny na stronie. Jak widzicie został dodany również parametr topSpacing, który ma zadbać o to, żeby element był na samej górze witryny.

Istnieje jeszcze kilka parametrów, które możemy dodać, wystarczy przeczytać dokumentację skryptu.

Chciałbym jeszcze wspomnieć o jednym ciekawym, a mianowicie bottomSpacing, który odpowiada za odległość elementu od dołu strony.

Dla ToolsWeb.pl i CMSszablony.pl

nowylogotyp.png

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×