0

I've been seeing this trend of pages silently loading as you scroll. For ex: http://www.adweek.com/brand-marketing/as-soda-consumption-declines-heres-how-coca-cola-is-reshaping-itself/

After you scroll past the article, a new article loads in and the URL changes.

Digging through the source code and can't find anything. Any ideas?

electricenjin
  • 41
  • 3
  • Use F12 tools and you can see that a lot of JavaScript code is loaded. Look also at the Network tab. – Jeroen Heier Apr 11 '17 at 17:34
  • Keep your goals in mind: "For Infinite Scroll, Bounce Rate Is a Vanity Stat" http://adrianroselli.com/2015/05/for-infinite-scroll-bounce-rate-is.html – aardrian Apr 11 '17 at 20:03

1 Answers1

2

Yeah, those implemntations looks for the scrooling of the user and load new contents via ajax. 

$(window).scroll(function() {
    if($(window).scrollTop() == $(document).height() - $(window).height()) {
           // ajax call get data from server and append to the div
           // change url
    }
});

Look here: jQuery load more data on scroll

Community
  • 1
  • 1
enno.void
  • 6,242
  • 4
  • 25
  • 42