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

WordPress & WooCommerce

Uruchomiłem i na bieżąco uzupełniam cykle wpisów na temat konfiguracji, obsługi WordPressa, Gutenberga, WooCommerce. Zapraszam do lektury i życzę owocnej nauki.

Ponadto zapraszam Cię do sklepu wp-lab.pl gdzie możesz zlecić nam i wygodnie zapłacić online za usługi związane z WordPressem i WooCommerce.

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.