mrcng.pl
mrcng.pl to wypadkowa moich projektów. Projektowanie stron, prowadzenie firmy, branża kreatywna.

Jak zrobić pływający element na stronie z wykorzystaniem Bootstrapa?

Jak można zauważyć obecny motyw mrcng.pl posiada pasek boczny po lewej stronie. Element „main-header” został przypięty i nie porusza się wraz z przewijaniem strony w pozostałym obszarze ekranu.

Jak zrobić pływający element na stronie z wykorzystaniem Bootstrapa?

W zasadzie jest to banalnie proste. Jeśli znasz Bootstrapa i potrafisz go wykorzystać, to od wersji 4+ Bootstrap posiada w swoich narzędziach związanych z pozycją elementów coś takiego jak: „sticky-top”.

Wystarczy, że dopiszesz elementowi klasę „sticky-top„, a ten zatrzyma się u samej góry ekranu podczas przewijania – jak to ma miejsce na tym blogu.