SMINT menu bar: fixed when scrolling

10/12/2013 - Read: 61407

This bar will be fixed when scrolling down

And here is the codes

<style>
#demo.fixed{position:fixed;top:0;z-index:1}
</style>
<script type='text/javascript'>
$(document).ready(function (){
  var top=$('#demo').offset().top-parseFloat($('#demo').css('marginTop').replace(/auto/,100));
  $(window).scroll(function(event){
    var y=$(this).scrollTop();
    if (y>=top) $('#demo').addClass('fixed');
    else $('#demo').removeClass('fixed');
  });
});
</script>

Back « Screenfly / Test Your Website at Different Screen Resolutions
Next » Finding the Nth Fibonacci number via PHP

SMINT menu bar: fixed when scrolling

Category