css - Sticky Topbar ? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript css

Bruger #15533 @ 14.07.11 14:34

Nogle der ved hvor man kan hente en Top Bar ligesom de har på http://www.esl.eu/dk/ hvor man kan unsticky/sticky den i toppen og lave menuer?

//Jonathan

3 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 7 karma

Sorter efter stemmer Sorter efter dato

Bruger #14816 @ 14.07.11 15:15

451

lav et div der har noget ala

CSS kode

 #ditdiv {
   position: fixed;
   left:0;
   top: 0;
   width: 100%;
   height: 20px;
 }

Det burde kunne gøre det

Bruger #15754 @ 14.07.11 16:50

989

Du kan tage et kig her hvor jeg har skrevet det samme. http://www.udvikleren.dk/forum/33791/slide-knap/

HTML kode

 <html>
 <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
     <script type="text/javascript">
         $(window).scroll(function() {
             if ($(window).scrollTop() > 330) {
                 $("#popup").css("position", "fixed");
 
             }
             if ($(window).scrollTop() <= 330) {
                 $("#popup").css("position", "absolute");
             }
         });
     </script>
     <style type="text/css">
         body,html{
             height:1600px;
         }
         #popup{
             width:50px;
             height:50px;
         }
     </style>
 </head>
 <body>
     <div id="popup" style="position: absolute; background-color:#000;">
         
     </div>
 </body>
 </html>

Bruger #15533 @ 23.07.11 16:13

Er der ikke som kan hjælpe mig med en headerbar som ser noget ligende som den her billede: http://imageshack.dk/imagesfree/v1830338.png

Hvor der også er mulighed for at lave bokse til login etc.

Er nemlig ikke god til javascript og css

Indlæg senest redigeret d. 23.07.2011 16:14 af Bruger #15533

Sticky Topbar ?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler