Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Blog Infinite Scroll Jumps

bloginfinite scrollspeed
    • 9 years, 1 month ago TDV
      Participant

      Expired

      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!

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      We are currently looking into this and will notify you soon. Thank you for the patience.

      Best regards!

    • 9 years, 1 month ago TDV
      Participant

      Expired

      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.

    • 9 years, 1 month ago Mirela
      Participant

      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!

    • 9 years, 1 month ago TDV
      Participant

      Expired

      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.

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password