Infinite scroll with URL change

Carl Mason asked on November 12, 2015 22:22

Hi All,

I have been tasked to implement infinite scrolling for articles on a news site I am working with. I've tried the Dynamic Viewer web part that Jan posted about and that gets me close. I was hoping that maybe someone has implemented this and had some tips I could use. My goal is to mimic something like NBCnews.com uses. Ideally, I would not have a 'Load more' button to load more content and when the new article appears in the browser window the URL updates/changes to reflect the URL of the correct story. Both of these items do not happen with the Dynamic Viewer.

Not looking for anyone to provide a solution but some insight, tips or experience you may have had implementing infinite scroll would be greatly appreciated. My biggest hurdle is 1)scrolling without a 'load more' button and 2)change the URL with each article for SEO.

Research so far is pointing me to a JS and Ajax solution but not quite sure how to pull it all together in the CMS.

Look forward to hearing ideas.

Thanks, Carl

infinite scroll

Recent Answers

Laura Frese answered on November 12, 2015 22:48

Hi Carl,

I have modified a data source web part to provide this functionality. I havent published it in the marketplace yet because I am still testing it. Get in touch with me if you would like me to send you the package.

1 votesVote for this answer Mark as a Correct answer

Juan Alchourron answered on November 12, 2015 23:01

This will be a nice feature ! Can't wait to put my hands on it.

0 votesVote for this answer Mark as a Correct answer

Carl Mason answered on November 12, 2015 23:18

Hi Laura,

That would be great. What's the best contact?

0 votesVote for this answer Mark as a Correct answer

Laura Frese answered on November 12, 2015 23:38 (last edited on November 13, 2015 01:10)

lfrese@ime******.com

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on November 12, 2015 23:47

Pretty sure you could attach a price tag to that one Laura and a lot of people would pay it too! Can't wait to use that webpart!

0 votesVote for this answer Mark as a Correct answer

Carl Mason answered on November 13, 2015 00:07

Brenden, I saw a post of yours from a year or so ago about infinite scroll. Did you ever find a solution?

0 votesVote for this answer Mark as a Correct answer

Laura Frese answered on December 3, 2015 22:46 (last edited on December 3, 2015 22:46)

I created a web part that has infinite scroll and lazy loading with URL update. You can download it or learn how to make your own from my blog post Turn a Kentico repeater web part into an infinite scroll / lazy loader

1 votesVote for this answer Mark as a Correct answer

Jan Hermann answered on December 4, 2015 09:21 (last edited on December 4, 2015 09:22)

Hello,

as it is mentioned in the initial post, there is a similar web part implemented here:

http://devnet.kentico.com/articles/dynamic-jquery-ajax-viewer

By default there is just the Load more button, but by a simple change you can load new items just by scrolling to bottom -> tested

It's actually up to you what calls the method for loading more items, you can fire it by clicking the Load more button, by scrolling, by hovering over an image, by resizing your browser, etc. :)

Best regards,
Jan Hermann

0 votesVote for this answer Mark as a Correct answer