Infinite Scroll, infinitescroll

Infinite Scroll, infinitescroll

Infinite Scroll also becomes automatic paging, Scroll paging, and unlimited paging. It is often used in webpages in the form of images, articles, or other lists to automatically load the content of the next page when scrolling the webpage. Infinite ScrollJQuery&WordPressThe unlimited rolling plug-in helps you easily achieve this effect.

 

 

Demo of plug-in download Effect

 

The following are all configuration options:

$('.selector').infinitescroll({  loading: {    finished: undefined,    finishedMsg: "<em>Congratulations, you've reached the end of the internet.</em>",                img: null,    msg: null,    msgText: "<em>Loading the next set of posts...</em>",    selector: null,    speed: 'fast',    start: undefined  },  state: {    isDuringAjax: false,    isInvalidPage: false,    isDestroyed: false,    isDone: false, // For when it goes all the way through the archive.    isPaused: false,    currPage: 1  },  behavior: undefined,  binder: $(window), // used to cache the selector for the element that will be scrolling  nextSelector: "div.navigation a:first",  navSelector: "div.navigation",  contentSelector: null, // rename to pageFragment  extraScrollPx: 150,  itemSelector: "div.post",  animate: false,  pathParse: undefined,  dataType: 'html',  appendCallback: true,  bufferPx: 40,  errorCallback: function () { },  infid: 0, //Instance ID  pixelsFromNavToBottom: undefined,  path: undefined, // Can either be an array of URL parts (e.g. ["/page/", "/"]) or a function that accepts the page number and returns a URL  maxPage:undefined // to manually control maximum page (when maxPage is undefined, maximum page limitation is not work)});

　　

Articles you may be interested in

• 10 useful results in Web development [Source Code download]
• Excellent jQuery Ajax paging plug-ins and tutorials carefully selected
• 12 amazing creative 404 error page Designs
• Let the website get started! 12 excellent jQuery animation plug-ins
• Amazing 8 HTML5 & JavaScript Special Effects

 

Link to this article: Infinite Scroll-jQuery & WordPress unlimited scrolling

Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources

Use the infinite-scroll plug-in php to implement unlimited scrolling paging?

JQuery-ajax-php Infinite Scrolling

Www.diaoyude.cn/view_article_382.html
 
When Wordpress uses Infinite Scroll to load articles, the homepage articles are loaded normally. An error is prompted when the articles are loaded on the category page.

How many articles are displayed on one page?
How many categories do you have? How many articles are there for each category?

Combine the above problems
For example

You have a total of 10 articles. Five articles are displayed on the home page. You can use Infinite Scroll to load two articles on the home page.
In the 10 articles, there are three categories: category a, Category B, and category c,

In this case, clicking one of the categories is not enough. One page you set will display five articles.

So try to update the multi-point article to see if the classification page will be wrong.

Do you understand me?