2,230 questions
-1
votes
0
answers
56
views
hasMorePages Ignored When Returned Row Count < Page Size [closed]
I’m working with React and AG Grid Server-Side Row Model (SSR) and I’m running into an issue when the backend returns partial pages due to user permissions.
In our case, the backend may return very ...
-1
votes
0
answers
52
views
How to update infinite scroll value in Angular 18
I am trying to update the infinitescroll value(this.displayData) after delete the value from this.allData.
But it's not updating the value properly. If I delete one value, all the values are showing ...
0
votes
2
answers
48
views
infinite_scroll_pagination: refresh() doesn’t call fetchPage when filters update
I’m using the infinite_scroll_pagination package in Flutter and I’m facing an issue with PagingController.refresh().
I expect that when the user changes a filter, the list should reset and fetchPage ...
- 11
2
votes
1
answer
161
views
How to keep scroll position stable when loading messages on top?
I’m building a chat UI in Next.js (App Router) and struggling with maintaining the scroll position when fetching older messages at the top.
I’m using:
@tanstack/react-virtual for virtualization
...
- 327
0
votes
0
answers
75
views
How to implement a memory-efficient infinite scroll with API pagination in Flutter using GetX?
I’m building a Flutter application where I need to fetch data from a paginated REST API and display it in a ListView.builder with infinite scrolling.
I’m using GetX for state management and controller ...
0
votes
1
answer
122
views
fetchNextPage is triggered immediately on widget build instead of on scroll when using infinite_scroll_pagination with BLoC
Description:
I'm using the infinite_scroll_pagination: ^5.1.0 package in combination with BLoC to implement infinite scrolling in my Flutter app. However, I’m encountering unexpected behavior related ...
- 129
0
votes
0
answers
35
views
FlatList inside ListHeaderComponent — onEndReached not firing (infinite scroll issue)
I'm trying to implement infinite scroll in a FlatList (let’s call it NestedList) that is rendered as the ListHeaderComponent of a parent FlatList (MainList) in React Native.
⚙️ What I'm trying to do:
...
- 11
1
vote
0
answers
39
views
Getting back same point after link at infinite scrolling?
I’m a Vue developer and I use @tanstack/vue-query to fetch data. I have a page with cards wrapped in router-link and infinite scrolling.
The problem is when I scroll many times, go to a card (navigate ...
1
vote
1
answer
1k
views
How to create infinite scrolling carousel in React with Framer Motion?
I'm trying to create an infinite scrolling horizontal carousel of icons using React and Framer Motion. The animation works, but I'm encountering issues with visible empty space at the end of the ...
- 17
0
votes
0
answers
94
views
is there any method for managing memory usage in an infinite scrolling scraping?
I'm writing a Python Selenium scraper for a web page that uses infinite scrolling to load content dynamically. Over time, as more posts are loaded, the JavaScript heap memory usage in ChromeDriver ...
- 31
0
votes
0
answers
136
views
Implement lazy-loading using client-side rendering in AgGrid
I am unable to manually implement lazy-loading in the grid using client-side rendering. The reason for not using row model 'infinite' or 'server-side' is that we do not want to make changes in the ...
- 41
0
votes
0
answers
92
views
How to implement infinite scroll for MUI X Data Grid with large datasets in an object (load 10 records at a time for each list)?
Hi Stack Overflow community,
I am working with MUI X Data Grid Premium and I have an object with multiple keys (e.g., a, b, c), where each key holds an array of 1000 records. I want to implement ...
0
votes
0
answers
113
views
How can I create a horizontal two-directional infinite scroll gallery with manual scrolling? (svelte)
I'm trying to build a horizontal gallery of images, that the user can manually scroll in both directions, and will show the same images over and over infinitely.
I'm using Svelte as my frontend ...
0
votes
1
answer
75
views
Create social media style scroll on long Quarto website page
I have a Quarto website with a long page requiring a lot of scrolling. Websites like social media feeds or news feeds often have a "click to read more" button that the user runs into after ...
- 365
0
votes
1
answer
2k
views
How to use Lazy scroll for big data in Antd Table
I’m working on a project where I need to implement infinite scrolling in an Ant Design Table component for displaying large datasets. I’m fetching the data from a Laravel backend, and I want to ...
- 89
0
votes
1
answer
227
views
How to make infinite behavior scrolling without jumping unexpectedly
I'm working on implementing an infinite scrolling feature for a list of images, but I'm encountering an issue where the scrolling behavior is not smooth—it keeps jumping unexpectedly. This disrupts ...
- 523
0
votes
0
answers
53
views
IntersectionObserver rootMargin is ignored on mobile device
I'm using the IntersectionObserver API to load additional content when the page scrolls close to 1000px from the bottom. It works fine on desktop, but on mobile screens, the content only loads when it ...
- 13
-1
votes
1
answer
246
views
How to replace emoji with a custom SVG image or PNG in a curved SVG path and apply rotation with custom CSS class?
I’m working with an SVG element where I have a marquee effect with curved text using the <textpath> element. Currently, I am using the 🌟 emoji as a part of the marquee text, but I would like to ...
1
vote
2
answers
212
views
How to handle page scrolling with upward infinite scrolling with Javascript
I have an application with a page that has a chat feature. I want this to look and feel like most chat apps, the newest messages are at the bottom of the page, and you scroll up to see more previous ...
- 93
0
votes
0
answers
39
views
React Query Infinite Scroll does not work in an MUI Dialog
My infinite scroll component for my images works swimmingly on a normal page, but the second I put it in the MUI Dialog it fails to trigger any response on scroll. I have tried some ref tricks and ...
- 41
0
votes
0
answers
36
views
Toroidal effect (infinite Loop) in sections of uiCollectionView
I have a mosaic of cells with interleaved movement, but I have not achieved a toroidal effect so that the cells appear again.
import UIKit
class ViewController: UIViewController {
@IBOutlet ...
0
votes
1
answer
97
views
Problem with Infinite scroll and remembering the last position
as you can see in Pinterest or other websites, when you scroll for 2 or 3 pages and you decide to click on a image or product, you will be navigated to another page, then when you press the back ...
0
votes
1
answer
398
views
Angular Infinite Scroll with sorted list results in endless loop
Description
I'm working on an Angular project. I implemented an "infinite scroll" list utilizing IntersectionObvserver. Generally it works quite well and satisfying.
The entries to build the ...
- 1,881
0
votes
1
answer
166
views
AutoScroll Issue in React Native FlatList with Horizontal ScrollView
I'm working on a React Native application where I have two horizontally scrolling FlatList components wrapped inside a ScrollView. I'm trying to implement autoscrolling, but I'm encountering a problem ...
- 21
1
vote
0
answers
138
views
Web: Infinite Scrolling: Virtualization or not?
Is virtualization of infinite scroll for long lists on websites still necessary from a performance standpoint assuming clients use browsers on current mobile devices?
Is it dependent on the client-...
- 183
0
votes
2
answers
527
views
react photo album infinite scroll
I'm trying to implement infinite scroll on react photo album component,
I'm trying to use this library :
https://react-photo-album.com
i can detect when the user scrolled down and fetch more photos (...
- 83
0
votes
1
answer
1k
views
Flutter Infinite Scroll Pagination page listener is fetching next page automatically and not when the screen is scrolled
In this example, I am trying to use the infinite_scroll_pagination package from pub.dev to build a PagedGridView. Im using colors for the grid for now but what should happen is the first 9 items are ...
- 135
0
votes
1
answer
104
views
Flutter Pagination & Provider: setState() or markNeedsBuild() called during build in NotificationListener
I am currently building a GridView for an image gallery in Flutter, utilizing a provider to manage my media list and to integrate a caching system. The GridView is designed to work with pagination, ...
- 135
0
votes
1
answer
283
views
Creating an Infinite Scroll Carousel with Clickable Indicators
I’m trying to create a div with horizontal scrolling, similar to a carousel, containing multiple cards that can scroll from left to right. The scroll should be infinite, meaning that once the last ...
- 181
0
votes
0
answers
44
views
Re-rendering problem while doing infinite scrolling with redux
my redux actions:
export const RESTAURANT_SUCCESS = 'RESTAURANT_SUCCESS';
export const RESTAURANT_FAILURE = 'RESTAURANT_FAILURE';
export const GET_MORE_RESTAURANTS_SUCCESS = '...
- 9
0
votes
1
answer
326
views
Vue3 template ref via default slot always null (render function syntax)
Update ---> In hindsight, I don't recommend doing it this way. It was much easier for the slot parent (InfiniteScroll) to pass a callback via props to the child (List) which sets the child ref in ...
- 5,960
1
vote
1
answer
420
views
Quasar infinite scrolls keep fetching datas
I'm trying to implement the infinite scroll using quasar. Here's my code:
<template>
<q-page padding>
<q-tab-panels>
<!-- Some tag about panels -->
<q-tab-...
0
votes
1
answer
46
views
HTML infinitly sidescrolling images move unexpected
I'm currently working on this HTML website, in which there is a container with images, which are supposed to infinitely scroll horizontaly, but with my logic they move a bit further or a bit less then ...
0
votes
0
answers
130
views
Angular grid scroll event is not calling during scroll
There is a angular grid with scrollbar and on scroll we need to call the scroll event (lazy loading).
<div class="table-container" [ngClass]="{'loading': isLoading}" style="...
- 85
0
votes
1
answer
2k
views
How do I implement infinite up scrolling in SwiftUI?
I am try to implement a chat feature, I am implementing it with a lazyVStack inside a scrollView where the most current message is at the bottom and the user scrolls up to get older messages (standard ...
- 61
1
vote
0
answers
46
views
window.addEventListener('scroll', function() {
I'm working on the front end through Django WebFramework and PyCham, but infinite scrolls are not properly applied
It is a page that fetches and displays public data APIs.
Even if the scroll is stuck ...
- 13
4
votes
0
answers
215
views
loadMoreItems not triggering in react-window-infinite-loader with FixedSizeGrid
I have used react-window react-window package to implement virtualization and I am using <FixedSizeGrid> component for that along with <InfiniteLoader> from react-window-infinite-loader ...
0
votes
1
answer
2k
views
AG-Grid pagination triggers getRows calls twice
I'm working on an Angular project using the AG-Grid free edition to display data. Since server-side pagination is unavailable in the free edition, I use the infinite row model with pagination instead.
...
- 158
1
vote
0
answers
95
views
i use tanstack react query and in this i use useInfiniteQuery now i want to do invalidatequery for particuler page how to do this?
enter image description here
When you invalidate queries, you essentially tell your caching mechanism to refresh the data it has stored. However, if you invalidate all queries upon update, it triggers ...
- 11
2
votes
1
answer
759
views
InfiniteScroll keeps fetching data until Maximum update depth exceeded
In my React project I'm using react-infinite-scroller to fetch data from an API when a user scrolls to the bottom of a page. The first fetch call works as expected when the page loads, but as soon as ...
- 75
0
votes
1
answer
474
views
Infinite scroll displaying duplicate data before loading subsequent pages
I'm implementing an infinite scroll feature in my web application where data is fetched and displayed in cards. However, I'm encountering an issue where the initial data (1-9) is being duplicated on ...
- 1
0
votes
1
answer
2k
views
Jetpack compose - load more data or pagination, LazyVerticalStaggeredGrid/LazyColumn disappears
I am implementing a pagination or load more data, whenever LazyVerticalStaggeredGrid/LazyColumn reaches the end/last item. Everything works as expected however, when the data load more function, the ...
1
vote
1
answer
257
views
Error when I install "react-infinite-scroller" and start the react server
Webpack loaders error when I "react-infinite-scroller" and start the react server.
I have installed "react-infinite-scroller" for building up a chat application in project. after ...
0
votes
1
answer
757
views
Shopify Infinite scroll using Ajaxinate stops working after applying the filters
{% if template contains 'collection' %}
<script>
document.addEventListener("DOMContentLoaded", function() {
var endlessScroll = new Ajaxinate({
container: '#product-grid',
...
0
votes
1
answer
42
views
stack divs horizontally inside infinite div
I am attempting to create what is essentially a horizontally, infinitely scrollable div (up to inner content width). I want to stack other divs within said container, who will float next to each other ...
- 1,916
1
vote
1
answer
435
views
Loading an infinite table by incrementing page dynamically in htmx
I have a table setup using the Infinite Scroll example at htmx.org. The initial hx-get is set to something like /new?limit=10&page=1.
The /new handle populates the data and displays page=1, and ...
- 1,591
1
vote
1
answer
526
views
React Native with RTK Query Pagination issue
I have a React Native mobile application where I'm trying to manage API requests with RTK Query. On the 'Products' screen, I fetch and display data using getProducts (infinite scroll). On the ...
- 91
0
votes
1
answer
529
views
Smooth scrolling is causing extra pages to scroll unexpectedly
I am using Locomotive, ScrollTrigger, and Gsap for animation. Smooth scrolling is causing extra pages to scroll at the end unexpectedly. When I inspect the webpage shows "has-scroll-init+has-...
0
votes
0
answers
689
views
Exception with PageController in Flutter: "A PagingController was used after being disposed"
Hello Flutter Community,
I'm encountering an exception in my Flutter application that seems related to a PagingController being used after disposal. However, in my implementation, I am using a ...
1
vote
2
answers
249
views
What is the best practice for scraping infinite scroll (one time scraping / progressing scraping)?
I'm scraping a site that has an infinite scroll, and was wondering what is the best way to do it:
Option 1: Scrape and Scroll (Repeat)
Load page
Scrape data
Scroll
Scrape data
Scroll
Repeat
Question:...
