WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Kail87
    Member
    Posted 1 year 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/

  2. David Bitton
    Member
    Posted 1 year ago #

    My exact question as well. Time to start hacking.

  3. Kail87
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic