Navigation überspringen

[Closed] Is there a way to make infinite scroll load more smoothly?

This support ticket is created vor 3 years. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Zeitzone des Unterstützers: Asia/Hong_Kong (GMT+08:00)

Dieses Thema enthält 7 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von Luo Yang vor 3 years.

Assistiert von: Luo Yang.

Author
Artikel
#2613603

Tell us what you are trying to do?
Make the View show posts with a fade in effect when loaded on scroll.

Is there any documentation that you are following?
No

Is there a similar example that we can see?
versteckter Link
This page only loads the next posts, instead of refreshing all posts. They load in smoothly.

What is the link to your site?
versteckter Link

#2613749
infinite-scrolling.jpg

Hello,

Yes, it is possible with the infinite scroll AJAX pagination effect, when you setup the view block, in the block setting panel, enable option "Pagination enabled with manual transition and AJAX", then you will be able to see the option "Infinite scroll", see my screenshot

#2613927

Hi,

Thank you for the response.

My apologies for not being clear - I am using the "Pagination enabled with manual transition and AJAX" and the "Infinite scroll" option already. The problem is that when I scroll down the new posts do not fade in, they simply appear.

The example site I sent shows the effect I would like to see.

#2614143

I have tried it in a fresh WP installation, the infinite scroll effect does have the fade in effect when new item displays, see below sandbox website:
Login URL: versteckter Link

Post view with infinite scroll effect:
versteckter Link

It works fine, can you reproduce the same problem in above sandbox website?

#2615061

I see the difference between our setups - I used the "Views" plugin to create the view, not with the block editor as you did. I did it that way because I need to be able to edit the HTML used in the view, and then I used the shortcode to output the view to a WP archive page. As far as I know I can't do that if I use the block editor for a View or for a Toolset WordPress Archive.

I just tested making a Toolset WordPress Archive infinite scroll loop using the block editor on my stage, and I get the same smooth transition you did if I set duration to "5000". But if I set the same duration in my View I don't get the same result.

Let me know if you need admin access to the stage I'm working on. Thanks again.

#2615205

It is not recommended to use Toolset Views plugin, you can switch to Toolset Blocks plugin, and follow our document to enable legacy editor in Toolset Blocks plugin:
https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/

#2615485

Thanks. I've enabled Toolset Blocks plugin (disabling the Views plugin).

The transition for infinite scroll still isn't responding to changing the "duration" field. It won't smoothly transition like it will if the View is made using the Gutenberg editor.

#2615667

I have tried the legacy post view in same sandbox website:
versteckter Link

It works fine in frontend:
versteckter Link
I can see the fade-in effect when new item displays.

Can you reproduce the same problem in it?

The topic ‘[Closed] Is there a way to make infinite scroll load more smoothly?’ is closed to new replies.