Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Infinite Scroll + Waypoints

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #45047
    sabas
    Member

    hi guys. im using infinite scroll and a waypoints function on wp theme but everytime it executes the IS scroll function to load new posts, my waypoints function breaks. is there any way to execute the waypoints function for the new posts generated by infinite scroll. here is my code:


    (function($) {
    //Infinite Scroll + Waypoints Timeline Nav
    var infinite_scroll = {
    loading: {
    msgText: "Loading the next set of posts",
    finishedMsg: "All posts loaded"
    },
    "nextSelector":"#nav-below .nav-previous-load-more a",
    "navSelector":"#nav-below",
    "itemSelector":"article",
    "contentSelector":"#content .posts"
    };
    $( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll );

    var sections = $("article");
    var navigation_links = $(".navigation-timeline a");
    sections.waypoint({
    handler: function(direction) {

    var active_section;
    active_section = $(this);
    if (direction === "up") active_section = active_section.prev();

    var active_link = $('.navigation-timeline a[data-anchor="' + active_section.attr("data-scroll") + '"]');
    navigation_links.removeClass("active");
    active_link.addClass("active");

    },
    offset: '5%'
    })
    })(jQuery);

    The Doc i think you can help me with this one!
    d.

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.