Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
miks

Infinite Scroll - Load Next Post

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Can anyone give me a hint how to execute this. Whenever you reach the bottom of the page it will push you to the next post. 

https://adoratorio.studio/filippo-bello

https://www.tentwenty.me/cases/dubai-future-talks

 

I saw this WP plugin below, but I'm not sure if it is the same thing that they use to do those i've mentioned above. cause both of them are not in WP.

https://wordpress.org/plugins/auto-load-next-post/

 

Cheers!

Share this post


Link to post
Share on other sites

HI Miks,

 

Someone might have an example for you but we really have to keep the support here focused on the GSAP API. 

A google search for "infinite page scroll html" will give you plenty of options.

Also, stackoverflow is a great place for general web dev questions like this.

 

 

Share this post


Link to post
Share on other sites

Hi Carl,

 

Sorry, I thought it was related to some of the GSAP API. I remember there is a function that we you right the bottom of an container it bounces you back smoothly. I just thought that was it and if that is triggered I can call a new function.

Share this post


Link to post
Share on other sites

@miks I believe you're thinking about draggable (https://greensock.com/docs/Utilities/Draggable) and edge resistance (sample here: https://greensock.com/draggable)

 

With that, you might be able to setup a watcher to see if current `.y` > `maxY` and load more based on that. Though that's not something baked into Draggable as far as I know.

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 


  • Recently Browsing   0 members

    No registered users viewing this page.

×