kód:
<ul id="list-nav">
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
</ul>
<style type="text/css">
ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}
ul#list-nav li {
display:inline
}
ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#485e49;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
}
ul#list-nav li a:hover {
background:#a2b3a1;
color:#000
}
--></style>
<script type="text/javascript">
$(function(){ // document ready
if (!!$.offset()) { // make sure ".sticky" element exists
var stickyTop = $.offset().top; // returns number
$(window).scroll(function(){ // scroll event
var windowTop = $(window).scrollTop(); // returns number
if (stickyTop < windowTop){
$.css({ position: 'fixed', top: 0 });
}
else {
$.css('position','static');
}
});
}
});
</script>
Ellenőrítve:2017.04.04.
AJÁNLOM AZ OLDALT
Archívum