I can’t figure out why my Collection List Pagination is refreshing to the top of the page. I’m having this issue on two websites right now and both of the people I’m helping are relying on me to figure out this bug.
Here is my site Read-Only: https://preview.webflow.com/preview/eleganceshoeco?utm_source=eleganceshoeco&preview=2a0eefd8f560f0f511981cd1cd565ed1
webdev
(Jeff Selser)
April 26, 2019, 8:53pm
2
If you are talking about clicking a more link that takes you to a new page ; → take a look at this topic. Not a bug.
I’m talking about clicking through paginated collection items within a page, not being taken to a new page. This does appear to be a bug. I don’t remember it doing this before with another website I’ve previously built but it’s a major flaw in the system right now which renders the pagination option useless.
webdev
(Jeff Selser)
April 26, 2019, 10:59pm
4
Please share the URL to the page on a published site where this specific problem can be viewed.
Read Only:Here is my site Read-Only: https://preview.webflow.com/preview/eleganceshoeco?utm_source=eleganceshoeco&preview=2a0eefd8f560f0f511981cd1cd565ed1
Public: https://www.eleganceshoe.com/about
The timeline “section” of the page is where we’re having the issue. I have the same issue with interludeculture.com on the home page and other pages
webdev
(Jeff Selser)
April 26, 2019, 11:12pm
6
When you click a pagination button you are loading a new page. So what was described in the first post link I shared with you applies to you as well.
You would need to use some custom code to load other page content into the page you are on by using AJAX.
You should look at this topic.
Using the jquery-pjax library, it is possible set up paginated collections in a way that browsing feels snappier. Demo: seamless-pagination
Quick version of how jquery-pjax works:
Listen for clicks on links with a certain selector
Instead of going to the link, load the html data in the background
Replace the specified chunk of html
Use history.pushState to update the URL, so that refreshing the page / sharing a url works as expected
In this demo, everything inside the #seamless-replace div w…
Since this is not a bug, I am changing the topic to publishing help => custom code. That is more appropriate for what you need to accomplish.
1 Like
Thanks! Sorry for the late response here!
system
(system)
Closed
July 4, 2019, 12:20am
8
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.