PDA

Zobacz pełną wersję : Pływające menu


m4r1usz
27-06-2015, 22:38
Witam,
Mam problem z pływającym menu.
Moje menu jest ułożone jakieś 150px od góry strony jeżeli ustawie position:fixed to oczywiście osiągne efekt, że po scrolowaniu strony menu zostanie jednak nie przykleja się ono do górnej części monitora.
Znacie jakieś rozwiązania? Mógłbym skorzystać z dj image menu jednak w tym projekcie jest proste menu i kupować kombajn do rozbudowanego menu jest trochę bez sensu.
GOGOKOM
30-06-2015, 06:51
A może jakiś link ?
a gdzie się przykleja?
150 px poniżej górnej części monitora :)
m4r1usz
30-06-2015, 18:06
Hehe,
faktycznie komicznie to brzmi.
Więc do rzeczy:
Templatka z Yootheme http://yootheme.com/demo/themes/joomla/2014/avenue/index.php
Chciałbym żeby mainmenu było pływające, dokładnie jak na stronie http://www.slawop.net/

Edytowałem kod css templatki dodając


.uk-navbar{
position: fixed;
width: 940px;
z-index: 100;
}


Pewnie trzeba jeszcze dodać skrypt js żeby to zadziałało jak na zamieszczonym przykładzie.
Mógłbyś mnie chociaż nakierować jak to zrobić ? :)
GOGOKOM
01-07-2015, 14:11
position: fixed;
.uk-navbar-nav
plik theme.css
okolice wiersza 1874 (na szybko z firebuga test na stronie autora)

wywołana strona sławka pewnie jest zrobiona na gantry
osobiście proponuję helix3 bo opcję menu pływającego jak to nazwałeś masz w standardzie do tego off canvas menu co jest w modzie
m4r1usz
01-07-2015, 15:16
Dzięki za szybką odpowiedź.
Wpisałem na szybko w firebug position: fixed, jednak nie zadziałało.
http://iv.pl/images/67034824791092594886.png
Co do helix3 opcja fajna, tylko, że ja tutaj mam już praktycznie całą stronę skończoną prócz tego menu i trochę nie ma sensu teraz całego frameworku instalować dla wbudowanej opcji menu.