Advanced AJAX Page Loader
Sticky footer on loading page part (4 posts)

  1. Kail87
    Posted 3 years ago #


    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){

    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!


  2. David Bitton
    Posted 3 years ago #

    My exact question as well. Time to start hacking.

  3. Kail87
    Posted 3 years 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 :)

  4. David Bitton
    Posted 3 years ago #

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

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

    and this in my reload code:

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

    Works like a charm.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Advanced AJAX Page Loader
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic