Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [infinite-scroll]

Infinite Scroll allows a web page to load new content dynamically as a user reaches the bottom of the current page.

3
votes
2answers
5k views

Wordpress Infinite Scroll without using any plugin

Background information can be skipped. I wanted to use the infinite scrolling option on my Wordpress theme, but I am not well trained in Javascript so I tried this solution: https://wptheming.com/...
0
votes
2answers
514 views

How to count posts in loop with infinite scroll?

on my index.php I display all my posts with infinite scroll. Before the WP loop I added a $counter, which counts up with every post. But if the infinite scroll loads new posts, the counter will be ...
-2
votes
2answers
65 views

How do I get both horizontal and vertical scroll bars in an HTML texbox

I have an issue that I can find how to setup vertical scroll-bars but not horizontal scrollbars. A couple of demos are at: https://www.w3schools.com/TagS/tag_textarea.asp https://stackoverflow.com/...
3
votes
1answer
958 views

Custom Loop and Infinite Scroll

I am using customized version of _s theme where I have Product CPT. In the following files, I need to use Infinite scroll (provided by Jetpack) - archive-products.php taxonomy-[tax-name].php ...
1
vote
1answer
514 views

Ajax Infinite Scroll In Custom WP_Query Loop Not Working

I have set up a custom WP_Query loop for a page template. I am implementing an infinite scroll method via ajax, and the call is successful, but for some reason I cannot get the query to like the paged ...
1
vote
1answer
686 views

how to get jetpack's infinite scroll to work with woocommerce?

I am trying to get Jetpkack's infinite scroll to work with the WooCommerce product archive template. I have added the following code to my theme, after installing Jetpack, and I do see the sticky ...
1
vote
1answer
290 views

Jetpack infinite scroll not working on twentysixteen custom theme

I duplicated twentysixteen theme and only changed the name of the folder and the name of the theme in style.css. I then added in functions.php : function twenty_sixteen_infinite_scroll_init() { ...
1
vote
1answer
1k views

How to create infinte scroll in wordpress for blog and custom post type

How to create infinite scroll in wordpress for blog and custom post type. I have tried jetpack infinite scroll but its not working on custom wordpress page template for custom post type. I looked at ...
0
votes
1answer
24 views

On scrolling showing intervesion error in chrome console

When I scroll the page in chrome it show the intervention error. I tried adding various script like window.addEventListener("mousedown,wheel", handleMouseDown, { passive: false}); but unable to fix ...
0
votes
1answer
99 views

Exclude Post Type from Jetpack Infinite Scroll

I'm using the Underscores theme which comes with the following (very) handy code in inc/jetpack.php add_theme_support( 'infinite-scroll', array( 'container' => 'main', 'render' => '...
0
votes
1answer
101 views

Infinite Scroll

I am trying to add infinite scroll functionality into my Wordpress theme. I started my exploration of infinite scroll in Wordpress by going here and here. My question is, I don't understand the ...
0
votes
1answer
579 views

Why doesn't global $wp_query not get hooked?

I have a plugin that helps me to make lazy loading on posts of a custom post type. The idea is to add an action to the template_redirect/init and get data from the global $wp_query to make jquery ...
0
votes
1answer
312 views

How to Add Wrapper to Infinite Scroll Javascript?

I'm using Wordpress and manually adding Infinte Scroll from paulirish on GitHub: https://github.com/paulirish/infinite-scroll/ It loads properly, but how can I add a wrapper around all my posts? ...
1
vote
0answers
164 views

Using infinite scroll ajax load more with search parameter

I have a infinite scroll working on my wordpress site. It works perfectly well on category pages, e.g. example.com/example however it doesnt work when I try to use it on a search page, e.g. ...
1
vote
0answers
120 views

Changing sort order for presentation by Jetpack infinite scroll

I have been able to use WordPress filters for posts_join_paged, posts_where, and posts_orderby to create a query that presents a set of artists where only artists who have a last name listed in the ...
1
vote
0answers
288 views

Infinite Scroll and DFP

Well , I'm trying the next loop to make work DFP in an Infinite Scroll. I thought that if I change the name of the Slot I could get the banner shown, so I tried this: <!-- DFP Controller --> ...
1
vote
0answers
102 views

Init plugin again after ajax call finish

We have this website that the navigation between pages work with ajax. in the blog page we use this great plugin to make the ajax load-more posts. all works great but the problem is that when you ...
1
vote
0answers
1k views

'Lazy loading' list of posts with pagination

I have reading settings set to show 30 posts per page, and what I'd like to do is show half of the list of posts and then 'lazy load' the remaining half on scroll. I've checked out some the available ...
1
vote
0answers
346 views

infinite-scroll for 2 fixed height containers

I have 2 fixed height columns for 2 different post-types. The goal is to get the infinite-scroll to work in both containers. I know that the JetPack infinite-scroll container parameter uses ID value ...
1
vote
0answers
230 views

How to prepare the back button action to deal with infinite scroll?

Unfortunately my question is not fixing or understanding code. I have a problem with infinite scrolling, where the user can scrolldown x far, click on xStory and enter a new page. Then naturally hit ...
1
vote
0answers
657 views

Infinite Scroll on a loop?

I have a home page with four different loops (different category's) On one of the loops I want it to display five posts but also have the infinite scroll on it. I have installed the infinite scroll ...
0
votes
0answers
54 views

Infinite scroll without plugin using ajax

I've created an infinite scroll without using any plugin to achieve the objective. The problem is that the bootstrap masonry cards grid are loading all the posts cards at the first scroll or will load ...
0
votes
0answers
18 views

Infinite Scroll Post Showing out of sequence and wrapper

Just testing my search results page and saw some weird behavior here https://gnarlington.net/?post_type=photographs&s=san+francisco The last post that loads in from jetpack's infinite scroll ...
0
votes
0answers
13 views

How to decide the next post to load when using infinite scroll?

I want to add infinite scroll. But I do not want to show random posts/latest posts/most viewed post. But I want to show the posts from certain category/tag. How can I do that. I am very naive in ...
0
votes
0answers
231 views

Infinite scroll doesnt work

Im making my own custom type post page, and I wanted to add a Infinite scroll with http://imakewebthings.com/waypoints/ Im added all from examples, and that doesn't work and on developer console, I ...
0
votes
0answers
1k views

hide load more button if there are no posts left to display

I added a load more button with the plugin "easy load more" (https://wordpress.org/plugins/easy-load-more/). The button is working perfectly except that it will still show up even if there are no ...
0
votes
0answers
267 views

Jetpack Infinite Scroll Not Working

The infinite scroll works well when I'm on my localhost. It also works when I install my theme to my website to test. But when I install the theme on my client's WP installation, it doesn't work any ...
0
votes
0answers
35 views

Editing the source of a display for posts (to category recent)

I am trying to modify a piece of code that right now just pulls posts that have been selected in admin. The goal is to get rid of that source (I don't want to select posts), and just display posts ...
0
votes
0answers
279 views

Apply Lazy loading/Infinite scroll on array data

In my website front page, I am running a some code which is getting posts belongs to "Global" category from all of it's subsite. Then I am applying the usort() method to sort the post as per the date. ...
0
votes
0answers
2k views

jQuery infinite scroll and pagination styling in wordpress

I am building a wordpress theme with Masonry (Desandro) and Infinitescroll (Paul Irish). In my index.php for masonry loop I have written:- <?php $recentPosts = new WP_Query(array('paged'=>$...