-
-
hi there,
I’ve noticed that when using the infinite scroll option with my blog, when I view the page and scroll down, it’s very jumpy. The worst part is when I try to scroll upwards (after scrolling down) it keeps loading the older posts and keeps jumping to the bottom of the screen even when not physically scrolling. Do you know if this is a common issue at all, or how I can fix it?
https://www.advent-im.co.uk/blog-timeline/
Best regards!
-
Hello,
Sorry for the late reply.
We are currently looking into this and will notify you soon. Thank you for the patience.Best regards!
-
Hi Mihaila,
Thanks for your reply. I understand that you’re looking into the issue… I don’t suppose you have an ETA at all?
Kind regards.
-
Hello,
Sorry for the late reply.
Please go to file js/main.js and find this function:function codelessBlogInfiniteScroll(){ "use strict"; var container = '#posts_container'; var behavior = ''; if($('#blogmasonry').length > 0){ container = '#blogmasonry .filterable'; behavior = 'masonry_blog'; }else container = '#posts_container'; $(container).infinitescroll({ navSelector : "div.p_pagination", // selector for the paged navigation (it will be hidden) nextSelector : "div.p_pagination a.next_link", // selector for the NEXT link (to page 2) itemSelector : "#posts_container article.post", // selector for all items you'll retrieve animate : true, loading : { img: '', msgText: '' }, behavior : behavior }); //codeless_blogmasonry(); }
Replace with this:
function codelessBlogInfiniteScroll(){ "use strict"; var container = '#posts_container'; var behavior = ''; if($('#blogmasonry').length > 0){ container = '#blogmasonry .filterable'; behavior = 'masonry_blog'; }else container = '#posts_container'; setTimeout((function() { $(container).infinitescroll({ navSelector : "div.p_pagination", // selector for the paged navigation (it will be hidden) nextSelector : "div.p_pagination a.next_link", // selector for the NEXT link (to page 2) itemSelector : "#posts_container article.post", // selector for all items you'll retrieve animate : false, loading : { img: '', msgText: '' }, behavior : behavior }); }), 5000); //codeless_blogmasonry(); }
Let us know.
Best regards!
-
Brilliant this seems to have fixed the issue with the ‘jumping’ content. Thanks for you help as always. Please feel free to close this post.
Best regards.
-
You must be logged in to reply to this topic.