Posts

Showing posts from 2012

Floating block using JQuery

$(function() { var fixedelement = $("#left_fixed_div"); var offset = fixedelement.offset(); var topPadding = 15; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { fixedelement.stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding}); } else { fixedelement.stop().animate({marginTop: 0}); };}); });

create "stay on top menu" using jquery(floating menu).

1)    Add the below Jquery in JS file, $(function(){         var menu = $('#menu'),         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')){              ...