jQuery(function(){
if (jQuery(".woodocs-toc").length > 0) {
var top = jQuery('.woodocs-toc').offset().top - 140 - parseFloat(jQuery('.woodocs-toc').css('marginTop').replace(/auto/, 0));
var toc_height = jQuery('.woodocs-toc').height();
jQuery(window).scroll(function (event) {
// what the y position of the scroll is
var y = jQuery(this).scrollTop();
var window_height = jQuery(window).height();
var footer_top = jQuery('#footer').offset().top;
if ( ( y + toc_height + 140 ) <= ( footer_top ) ) {
jQuery('.woodocs-toc').fadeIn();
} else {
jQuery('.woodocs-toc').fadeOut();
}
if ( y >= top && toc_height < ( window_height - 140 ) ) {
// if so, ad the fixed class
jQuery('.woodocs-toc').addClass('fixed-toc');
} else {
// otherwise remove it
jQuery('.woodocs-toc').removeClass('fixed-toc');
}
});
}
});
Thursday, October 2, 2014
6:58 AM
Jquery for Setting Fixed Up Html Block on page Scrolling
MR: EDITOR
A blogger
I am passionate blogger cum B.Tech. Computer engineering graduate. I love writing blog post. I spend my free time in writing blog post that will useful to everyone (including me). I have had some success making money blogging and want to help others do the same. I just figured that by creating a great and free resource a lot of links would follow – and they have. Some people ask me how they can repay me – which is not necessary - but for those wanting to show their appreciation, I just say linking to the article from their blog is the best compensation I could receive. Thanks for reading!
Related Posts
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Thanks for commenting. I will Reply you soon