Sticky footer on loading page part

  • Kail87

    (@kail87)


    10 years, 10 months ago

    Hi,

    I don’t understand well how the plugin works. I added this to data block code:

    var div = $("#content").height();
var win = $(window).height();

if (div < win){
jQuery(dataa).find('footer.footer').css({'position':'fixed','bottom':0});
}

    As you can see, I want to stick footer on loading if container div is shorter than window. But I am not quite sure…Reload code is part that is running after ajax call ended, click – it’s before ajax is send, so what is data code? Isn’t it to manipulate and update parts of website, that is not getting to ajax reload?

    If anyone know, how to stick footer on load, it would be great!

    http://wordpress.org/extend/plugins/advanced-ajax-page-loader/

Viewing 3 replies - 1 through 3 (of 3 total)
  • David Bitton

    (@drfoomod2)

    10 years, 9 months ago

    My exact question as well. Time to start hacking.

    Thread Starter Kail87

    (@kail87)

    10 years, 9 months ago

    Well, I pass project to a client, that’s why I can’t add code block here. The resolution is – on click stick the footer (jQuery css at bottom) and next on reload jQueryify it to remove stick, check window height and choose stick or not 🙂

    David Bitton

    (@drfoomod2)

    10 years, 9 months ago

    Thanks for the suggestion. I have this in my click code:

    var f = jQuery("#footer");
f.css('width', f.width());
f.css('top',f.position().top);
f.css('position', 'fixed');

    and this in my reload code:

    var f = jQuery("#footer");
if(f.css('position') == 'fixed') {
    f.css('width', '');
    f.css('top','');
    f.css('position', '');
}

    Works like a charm.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sticky footer on loading page part’ is closed to new replies.