not a support questionHej jeg er ny til det her wordpress, og er lige nu i gang med at designe og redigere mit layout.
Er der nogle der kan hjælpe mig med at lave en menu der bliver i toppen når jeg scroller ned, ligesom på Facebook?
Jeg bruger OMEGA CHILD theme i wordpress og min side hedder http://kathrineaurora.com
Hilsen Kathrine
Hej Kathrine,
Den slags menu, som ofte kaldes Sticky menu, er mest brugbar på lange sider, ligesom facebook. På de fleste normale sider er der ikke brug for det
Den slags menu kræver lidt kode. Kender du lidt til CSS?
Eller måske et plugin
http://wordpress.org/plugins/genesis-sticky-menu/
Farvig: Jeg kender godt til css, så det ville være fedt, hvis du kunne hjælpe mig!
Supermedlem: Jeg har lige prøvet, men det kræver desværre et bestemt tema.
Du skal nok lege lidt med CSS i din menu
Måske
"position: fixed;"
Det virker desværre ikke.
Hvis det er denne: http://kathrineaurora.com/ så virker det fint med "position: fixed;" i min Firefox.
Yes, jeg har netop lige siddet med det hele.
- og tak for hjælpen!
Hejsa Kathrine
Jeg har lavet det på midspar.dk
Der lavede jeg et stykke javascript der kigger på hvornår man scroller og tilføjer en css klassse
Husk denne javascript kode skal være inde i en jquery ready funktion.
mit menu element
var menu = $('#juhlsen-header .juhlsen-subnav'),
pos = menu.offset();
$(window).scroll(function () {
if ($(this).scrollTop() > pos.top + menu.height() && menu.hasClass('default')) {
menu.fadeOut('fast', function () {
$(this).removeClass('default').addClass('fixed').fadeIn('fast');
});
} else if ($(this).scrollTop() <= pos.top && menu.hasClass('fixed')) {
menu.fadeOut('fast', function () {
$(this).removeClass('fixed').addClass('default').fadeIn('fast');
});
}
});
så kan du i dit css angive position:fixed; på klassen fixed og noget andet på klassen default.
Du skal være logget ind for at skrive.
