Questions tagged [infinite-scroll]

Infinite Scrolling, also known as endless scrolling, is a technique that is widely used by websites and Web applications that host lots of content on a page where pagination would traditionally have been used. Infinite scrolling involves initially loading only one page of content. As the user scrolls down, the browser fetches another page via an AJAX request. There are several Infinite Scrolling plugins that facilitate this technique in modern browsers.

Filter by
Sorted by
Tagged with
0 votes
0 answers
15 views

Is it possible to pass the data which Livewire is sending to an Alpine component?

I was searching for a way to build an infinite list using Livewire. But I didn't find anything else than loading a growing list so far. So I was wondering if it is possible to pass the data which ...
Lars Schinkel's user avatar
0 votes
1 answer
49 views

Flutter Riverpod with infinite_scroll_pagination [Need suggestion]

I'm currently stuck in a bit of a confusion. Any assistance on this Flutter issue would be incredibly helpful. Thanks a lot! recently i fall in love with riverpod. i'm using riverpod everywhere....
Tanvir Ibn Mizan's user avatar
0 votes
0 answers
13 views

addPageRequestListener always fetching page even no scrolling

can anyone help me, i want to load the next item when scroll down or load more action only but when i load the page, it keep load next item and never stop, can anyone help me class DashboardWidget ...
Anderson Arvando's user avatar
0 votes
0 answers
5 views

react-vertualize, scrollbar goes top directly when there is less data

description with example: I am having 24 rows in database which are getting from getContractReviewListQuery?.data. initally i am calling api twice so i am getting 18 record (each time i am getting 9 ...
Ninad Bhoir's user avatar
0 votes
1 answer
59 views

Infinite Scrolling creates pagination sublink as I scroll

I've finally worked out Infinite Scrolling thanks to what lharby has commented on my last post.Thank you so much! The problem is that the script creates a new pagination link as I exceeded scrolling ...
diacetyl's user avatar
0 votes
1 answer
32 views

Infinity scrolling in column is impossible in flutter?

I use this infinite scroll library. https://pub.dev/packages/infinite_scroll_pagination infinite_scroll_pagination 4.0.0 And my infinite scroll is under the sub title text widget! like this: body: ...
KSK's user avatar
  • 5
0 votes
0 answers
75 views

Angular cdk Virtual scroll with lazy loading(infinite scroll

Hi in my case i have used an angular cdk virtual scroll the scroll element should be in parent so i achieved it using (cdkVirtualScrollingElement) below code: <ng-scrollbar class="example-...
Gokul Krishna's user avatar
0 votes
0 answers
21 views

How to remove redundant elements from the beginning of an array when implementing infinite scroll in react?

There is a page that receives a data stream of a YouTube video. I output this data to the page and implement infinite scrolling with observer. Visualization: enter image description here Problem. When ...
Денис Ястребов's user avatar
-2 votes
1 answer
98 views

Pagination & infinity scroll function

i want to write a pagination function that will allow me to have an infinite scrolling but i am finding it quite difficult Bellow is the code for my API call: class CoinDataService: ObservableObject ...
Wilson Agene's user avatar
0 votes
1 answer
29 views

Kivy Seamless/Infinite scrolling effect

I wrote the below code in attempts to make a seamlessly flowing image, which is on infinite scroll. (Perhaps the term infinite scroll is misleading in this context, but it should seamlessly scroll, ...
Elara Hart's user avatar
0 votes
0 answers
43 views

Can't scrap all page with extensive scrolling

I'm attempting to scrape content from specific pages on Facebook. The process involves scrolling through a page with a very long list of posts. This strategy worked quite well on Instagram, which ...
Saint-malo's user avatar
2 votes
1 answer
88 views

Jetpack compose infinity scroll listener

I want to implement infinite scroll via LazyColumn in Jetpack Compose without any library. In other words I need a listener to be invoked when the user scrolls to the end.
beigirad's user avatar
  • 5,236
1 vote
1 answer
64 views

JS scroll event is not trigerring inside React's useEffect

I want to add the infinite scrolling feature on my website, but I'm getting an issue with the scroll eventListener that is not triggering while I scroll the page. useEffect(() => { window....
Uday's user avatar
  • 35
0 votes
1 answer
35 views

Using Django paginator to display multiple Django forms page by page but unable to save the data from the pages

I am using Django paginator to create an input page that display multiple forms as single pages. With the paginator in place i would like to enable endless scrolling. I have asked questions to ChatGPT ...
Adli Abdullah's user avatar
0 votes
0 answers
60 views

Infinite scrolling with filters and optimistic updates using rtk query

I am using rtk query and have an implementation for infinite scrolling, this logic is implemented through offset and limit, however I also have filters and when changing any of the filters I have to ...
nick13name37's user avatar
1 vote
0 answers
23 views

mat-tab on clicking first time after cdk-virual scroll showing empty data, navigating back from 1st tab to 2nd tab works

i am using cdk scroll for acordian, dynamically generated from api, (if page end is reached again i will hit the api), and append the records, n numbers, if i open an accordian i have 2 tabs, mat-tab, ...
Aarthi's user avatar
  • 11
0 votes
0 answers
7 views

when loading control Component with custom menuList in react select the input-field is getting shorter

`const MenuList = useCallback( children, ...props }) => { if (props.selectProps.inputValue && !props.options.length) { return ( <div style={{ backgroundColor: '#fff', border: '1px solid #...
Shivansh_Tripathi_1357's user avatar
2 votes
1 answer
68 views

Rick and Morty React + TypeScript + Redux App - Why filtering is not working?

I have created an app that uses the Rick and Morty API to display a list of characters. Additionally, this app should be able to live filter the grid of results. This app also includes the ...
Imaginario27's user avatar
0 votes
0 answers
35 views

jquery delegate elements in infinite scroll

I'm using this "simple" code to assign a pin id to the container divs and click to open the .pin-card content. This works fine, but when I add the infinite scroll script, this code does not ...
Dlopezros's user avatar
0 votes
0 answers
23 views

Add callback to infinite-scroll [duplicate]

I am using infinite scroll so far everything is correct. The elements that load the infiniti scroll have associated jquery functionalities that do not load when you move to the second page. I've ...
Dlopezros's user avatar
0 votes
0 answers
14 views

On element resize scroll down page

I have a resizable div, but when I do resize and reach bottom of screen I can't resize more, I need to scroll down page and start resize again. My goal is to make page scroll down automatically while ...
Ilzbergs's user avatar
0 votes
0 answers
153 views

Next JS 13 scroll restoration not working

I am using Next JS 13.4.9 and scroll restoration isn't working at all on the following case same for tag. I am not using scroll=false anywhere. import { useRouter } from "next/navigation"; ...
Shamsudeen McHalwai's user avatar
0 votes
0 answers
51 views

issues with infinite message scroll

the messages are being loaded properly and everything is fine except that when I load the new messages it goes up straight to the top of the new messages (the older message of the loaded messages) it ...
M.Mawlawi's user avatar
  • 349
0 votes
1 answer
61 views

Infinity scroll with RTKQuery

I am trying to implement infinity scroll using RTKQuery. I almost do it but face with cache behavior problem. When component with request rendering first time, scroll works fine, but if i move to ...
 kvaizer999 's user avatar
0 votes
2 answers
146 views

How to use IntersectionObserver to properly continuously fetch data when initial render fits within client viewport?

A popular infinite scroll react component has not been maintained for a few years now, so I put together something simple using IntersectionObserver. const InfiniteScroll = (props: Props) => { ...
sherrellbc's user avatar
  • 4,720
0 votes
1 answer
132 views

Infinite scrolling in vuejs

I am implementing infinite scrolling in my component of cards where 3 cards are present per row and on reaching to end of the page I want to make a api call for the next page to show and show the next ...
rudeTool's user avatar
  • 538
0 votes
0 answers
33 views

scroll Down and scroll up at the same time in chat app in next js

I am creating a chat app and I want to load messages in both scroll up and scroll down mode, does anyone know a suitable package that has scroll up and scroll down at the same time? i tried react-...
Zahra Izadi's user avatar
0 votes
1 answer
99 views

useInfiniteQuery doesnt go to the next page

I have this code in react native, where i am trying to implement react-query: const { data, isLoading, error, fetchNextPage, hasNextPage, isFetching, isFetchingNextPage, refetch } = ...
Damo's user avatar
  • 7
0 votes
2 answers
171 views

React native - consuming too much RAM but not getting released in FlatList with large data

in a React Native project, using react query to bring infinite scroll in feeds - RAM getting consumed more and more but not releasing the memory for the component which are out of sight (starting from ...
Imthiyaz Muhammed's user avatar
0 votes
0 answers
32 views

how do I fix this infinite scroll problem?

I am trying to make a social post section with infinite scroll, when I only render the posts everything works fine, until I added ad cards between regular cards. I am using both separate mock data(one ...
HeatoN dude's user avatar
0 votes
0 answers
50 views

scroll based pagination fetching not working in supabase using range(from, to)

i'm trying to leverage infinite scrolling by increasing the number of posts in the array of post by fetching more as the user scrolls towards the end of the page, i have the arguments for the ...
UY_SCUTI's user avatar
0 votes
0 answers
18 views

Can some help me with the Js code - i want to stop the response from API after the 10 input in scroll event. while doing the infinite scroll

i was trying infinite scroll using the api Programming Quotes i want to only 10 quotes when i scroll down after the loader but while scrolling down i should get 10 extra instead of that i am getting a ...
Mandy23's user avatar
1 vote
0 answers
113 views

Issue with Vuetify Data Table: Fixed Headers and Infinite Scroll

I'm currently working with Vuetify 3, and I've implemented a data table with the fixed-header feature enabled to have sticky headers. However, I've encountered an issue when I try to give the table a ...
gmz37's user avatar
  • 11
0 votes
0 answers
26 views

Should I wait after searching for elements and/or scrolling while web scraping?

I'm trying to understand when to wait during a simple python/selenium web scraping script. I'm pulling titles and links for the top 100 results for approximately 50 search terms. I understand some ...
Jonathan Cakes's user avatar
1 vote
0 answers
43 views

Scroll bar wont go away on MUI masonry infinite scroll

I have a MUI Masonry element that takes in images for an infinite scroll. For some reason the css wont get rid of the scrollbar and I've tried everything I can think of. The webkit display: 'none' ...
Isaiahm's user avatar
  • 39
0 votes
0 answers
7 views

div become marquee when text overflow automatically

I try to convert "p" to marquee automatically whenever DIV overflow is detected. Im stuck with the code below. <style> .box { width:150px; overflow: hidden; background: #ccc; ...
daadee dee's user avatar
0 votes
0 answers
91 views

Implementing infinite scroll with MUI DataGridPro scrolls the list unexpectedly on fetching more items

I am using DataGridPro and have implemented infinite scroll using the onRowsScrollEnd property. I have certain items that are pinned items in the list which are displayed as collapsable rows (treeData)...
sushant Adhikari's user avatar
0 votes
0 answers
21 views

Logical Issue/problem with pagination in feeds/posts page in nodeJs

I have a feeds page application in mern where users can follow other users to view the posts created by them. Now, while displaying the posts, I need to display the posts in descending order which ...
Rushil Vora's user avatar
0 votes
1 answer
36 views

reactjs and mongoose infinite scrolling implementation issue

Final result need to be sort and display "reach-up-ads" on top of the result also fetch more result when scrolling the window without button click. I just added "Load more" button ...
asela daskon's user avatar
0 votes
0 answers
105 views

About Next.js Router: router.events scrollRestoration didn't work

I'm very curious why it doesn't work... my next.js version is 12.2.5 and react version is 17.0.2 and I want to creat code that performs the following actions: 1.The user is viewing the post list and ...
IRE's user avatar
  • 1
0 votes
0 answers
117 views

NextJs update GraphQL pagination limit with Apollo Client

I would like to update my exisiting Graphql Query to create a infinite Scroll in NextJs. But I don't know how to setup the update Function for the pagination limit. What I have know: Apollo Client: ...
Carol Privat's user avatar
0 votes
0 answers
23 views

Load google ad each time infinite scroll loaded

I have implented Infinite scroll jQuery on my wordpress website. I want to load my google Ads (in sidebar) each time when content loaded. But I am getting All ins elements in the DOM with class=...
Tejas Gajjar's user avatar
0 votes
0 answers
168 views

Infinite scrolling in Autocomplete component from Mantine React

I am trying to implement infinite scrolling into the Autocomplete component of Mantine React as my data severely slows down performance if I try to load in everything at once. I would like to show the ...
anonymousbird's user avatar
1 vote
1 answer
40 views

scrapy infinite scrolling when next page link does not yield any results

I'm trying to get products of https://www.salewa.com/de-de/herren using the code below. the problem is that when the next_page goes to /de-de/herren?p=4 it does not yield any items. on the browser it'...
Vaidas's user avatar
  • 65
1 vote
0 answers
23 views

MongoDb: Loading documents with pagination reloads some documents again in multiple pages

I have this model. const mongoose = require("mongoose"); const Schema = mongoose.Schema; const LoungeSchema = new Schema( { name: { type: String, }, public_or_private: { ...
AG_HIHI's user avatar
  • 1,743
1 vote
0 answers
86 views

Scrapy-playwright: KeyError: 'playwright_page'

I am trying to scrape a webpage that loads articles as you scroll down. To achieve this I am using a combination of scrapy and playwright. This is the python code of my crawler: import json import ...
CoolMathematician's user avatar
1 vote
1 answer
58 views

ReactJS Continuous looping animation scroll

I have a div with some children an I have scroll animation inside, this is my code : const { useRef, useEffect, useState } = React; function Card({ cardName, refCard }) { return ( <div ...
alainber82's user avatar
0 votes
0 answers
38 views

How to stay in the same message after loading more messages in React chat component

I have a React chat application where if I scroll to the very top of the list of messages, I initiate another call to fetch more messages. This is working fine but I'm having issues with scrolling. ...
dokgu's user avatar
  • 5,276
0 votes
0 answers
130 views

Intersection Observer Infinite Scroll Problem in iOS Safari

I'm writing a React calendar component that displays an infinitely scrollable list of years/dates: https://codesandbox.io/s/youthful-wood-hrhq5w?file=/src/App.js Upon initial render, the list will ...
jkbb93's user avatar
  • 9
0 votes
1 answer
47 views

how to make section 1 carousel horizontal and section 2 listview builder vertical

how to make section 1 carousel horizontal and section 2 listview builder vertical with infintescroll flutter I try using API and want create example news app there is a problem when combining with ...
mardianto's user avatar

1
2 3 4 5
45