af Kim Ludvigsen » tors okt 22, 2015 14:14
Hej René
Tak for linket, det gør det meget nemt at se, at du ikke kan bruge position:fixed i dette tilfælde. Enten skal du bruge min metode, hvor der ligger en ekstra menu skjult i baggrunden, eller du skal bruge en af de nyere metoder, der benytter JavaScript.
Min metode er ikke så nem, fordi du skal lave et billede, der er magen til toppen af din boks med Posidon, og bag det billede skal der så skjules en anden menu. Den skjules ved at benytte lagdeling, så den ligger under det nye billede, men over teksten længere nede på siden.
Det er noget nemmere med JavaScript, især hvis du benytter JQuery, der er et specielt JavaScript, der giver adgang til mange smarte funktioner. Men du vil være nødt til at grise fingrene lidt til med kode. Prøv at tjekke denne side:
http://jsfiddle.net/jpXjH/6/Du kan se koden, og du kan se et eksempel nederst til højre. Det hele ruller indtil et bestemt element (Hello Guys) er i toppen, og så forbliver elementet i toppen i stedet for at blive rullet væk.
For at bruge JQuery, skal du have indsat lidt kode i headeren på dine sider. jeg er ikke så skrap til JavaScript, men jeg vil tro, at disse linjer vil virke til dit brug:
<script src='https://code.jquery.com/jquery-2.1.1.min.js'></script>
<script src='https://code.jquery.com/ui/1.11.1/jquery-ui.min.js'></script>
De skal indsættes lige over koden:
</head>
Ud over de linjer skal du bruge kode, som er angivet på ovenstående side. Du er velkommen til at spørge her, hvis du får problemer, men du er nok endnu bedre stillet ved at spørge i et forum om JavaScript - jeg er som nævnt ikke så skrap til det.
Hej René
Tak for linket, det gør det meget nemt at se, at du ikke kan bruge position:fixed i dette tilfælde. Enten skal du bruge min metode, hvor der ligger en ekstra menu skjult i baggrunden, eller du skal bruge en af de nyere metoder, der benytter JavaScript.
Min metode er ikke så nem, fordi du skal lave et billede, der er magen til toppen af din boks med Posidon, og bag det billede skal der så skjules en anden menu. Den skjules ved at benytte lagdeling, så den ligger under det nye billede, men over teksten længere nede på siden.
Det er noget nemmere med JavaScript, især hvis du benytter JQuery, der er et specielt JavaScript, der giver adgang til mange smarte funktioner. Men du vil være nødt til at grise fingrene lidt til med kode. Prøv at tjekke denne side:
http://jsfiddle.net/jpXjH/6/
Du kan se koden, og du kan se et eksempel nederst til højre. Det hele ruller indtil et bestemt element (Hello Guys) er i toppen, og så forbliver elementet i toppen i stedet for at blive rullet væk.
For at bruge JQuery, skal du have indsat lidt kode i headeren på dine sider. jeg er ikke så skrap til JavaScript, men jeg vil tro, at disse linjer vil virke til dit brug:
<script src='https://code.jquery.com/jquery-2.1.1.min.js'></script>
<script src='https://code.jquery.com/ui/1.11.1/jquery-ui.min.js'></script>
De skal indsættes lige over koden:
</head>
Ud over de linjer skal du bruge kode, som er angivet på ovenstående side. Du er velkommen til at spørge her, hvis du får problemer, men du er nok endnu bedre stillet ved at spørge i et forum om JavaScript - jeg er som nævnt ikke så skrap til det.
