Support » Plugin: WordPress Infinite Scroll - Ajax Load More » Page jumps on load more

  • digitronixweb

    (@digitronixweb)


    When you scroll to the bottom of the page, more posts are loaded via Ajax Load More – which works well.

    The first load more, also works really well, the posts are loaded in as expected. But after that, every time there is a load more, the page jumps up to the top. Is this a glitch with the plugin or have i done something wrong?

    Any help would be greatly appreciated. Thanks very much,

    Tom Walsh
    Digitronix.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author dcooney

    (@dcooney)

    Hi @digitronixweb, I just tested on my mobile and it’s not jumping on Ajax load.

    I don’t have a workstation to test desktop for a couple days so I’m not sure if it’s a mobile vs desktop issue right now.

    Can you test mobile and let me know?

    I came on here because of the same issue. When visitors click the “Load More” button they get bumped up to the top of the page vs seeing the new items load.

    Plugin Author dcooney

    (@dcooney)

    Hi @relish1227 can you share a link please?

    Thank you @dcooney — I’ve submitted a ticket about the issue directly on the connekthq.com site (I have an account), but I can post any resolution we may find here.

    I’m getting this too, never had it before, I’m going to try an older version of the plugin. There’s a jump when clicking load more instead of just loading the posts.

    Plugin Author dcooney

    (@dcooney)

    @sguk Link please? I’ve still never seen this 🙂

    Hi Darren,

    Just about to reply, I can confirm the issue is not with your excellent plugin (as far as I can see anyway).

    In my case, I found it was another piece of js running a matchheight on the post boxes. I’ll find another way of running it.

    Appreciate your work as always 🙂

    If anyone has the issue with match height causing jumoing, here is the solution

    jQuery(document).ready(function($){

    $(function() {
    $.fn.matchHeight._maintainScroll = true;
    $(‘#employees .person’).matchHeight();
    });

    $( document ).ajaxComplete(function() {
    $(‘#employees .person’)
    .matchHeight(‘remove’)
    .matchHeight();
    });

    });

    thanks to “liabru” here https://github.com/liabru/jquery-match-height/issues/31

    EDIT: I had a few intermittent load issues with imagesloaded, I found that shortening the code to that below still worked well!

    jQuery(document).ready(function($){

    almComplete = function(alm){
    $(‘.divname’).matchHeight();
    };

    });

    • This reply was modified 1 month, 4 weeks ago by  sguk.
    • This reply was modified 1 month, 4 weeks ago by  sguk.
Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.