Questions tagged [virtualscroll]
A UI technique dedicated to increase the performance of large scrollable lists by rendering only a small portion of the data at a moment and virtualising other parts of the dataset, so that the scrollbar parameters remain consistent and a user experiences the result interface close to the original one (without virtualisation)
virtualscroll
131
questions
10
votes
5
answers
14k
views
Scroll to bottom with cdk-virtual-scroll (Angular 8)
Goal
Display a list of messages and scroll to the bottom when a new message is received, even when I am at the top. I would like to scroll fully bottom even with elements of different heights.
Problem
...
4
votes
0
answers
715
views
how to overflow horizontally out of position relative with vertical scroll-bar (create popover inside ngx-virtual-scroller)
I have a sidebar with a vertical virtual scroll. Whenever I hover over an item in this scroll container, a popover show up, giving more information about the item (for example in the container a name ...
1
vote
0
answers
4k
views
Angular virtual scroll with sticky column and header
I have a big list of data and I want to display it in a grid, but I don't want to display the whole list as it will be too much stuff on screen and be slow. I want to use a virtual scroll but I want ...
1
vote
2
answers
2k
views
How to track and save the last scroll position of a virtual scroll list in javascript
I have a virtual scrolling list built with JS in a Cordova app and I want to save the exact node that was at the top of the viewport after each scroll. The complication with virtual scroll is that ...
2
votes
1
answer
2k
views
Angular Virtual scroll performance issue on overriding scrollbar styles
I'm using cdk-virtual-scroll-viewport to apply virtual scrolling. Unfortunately, after applying styles to the scrollbar, scrolling is not smooth anymore. The native (right side) scrollbar is flashing ...
3
votes
1
answer
10k
views
Angular ng-select virtual scroll functionality
My page consists of several ng-select (Custom server-side search) dropdowns created by a *ngFor directive, having the possibility to pick multiple items from each dropdown.
I also want to include the ...
0
votes
0
answers
1k
views
Angular material virtual scroll default offset in scroll when the scroll loads
I have a table rendered using angular material virtual scroll.
this.trs = [ ...batch, ...this.trs];
setTimeout(() => this.viewPort.scrollToIndex(100), 1000);
I get the data and populated the ...
1
vote
0
answers
493
views
List switching slow and ripple effect lag
I've been struggling for a (very long) while on performance issues on my app, that concern list switching with segment buttons.
I'm using virtual scroll to improve perfs, because a ngFor loop was ...
0
votes
1
answer
2k
views
ag-grid with virtual scrolling without lazy load
I have a requirement where we need to show around 24k records which has 84 cols in one go, as user wants filtering on entire set of data.
So can we have virtual scrolling mechanism with ag-grid ...
0
votes
0
answers
555
views
Implement Virtual scrolling in angular 5
How do I implement Virtual Scroll in angular 5?
I tried this Implement Virtual scrolling in angular 6 in angular 5 project but this didn't work. Is there any other way to implement virtual scroll in ...
6
votes
1
answer
15k
views
How to make virtual scroll?
Please teach me how to make a virtual scroll. I use HTML, JS, Vue. I tried using vue-virtual-scroll, but since it is difficult to change it to the function I want, I'm going to make a basic part and ...
12
votes
4
answers
4k
views
Scroll algorithm -- improving fetch and display of data
I would like to set out somewhat of a theoretical problem.
Suppose that I have an infinite scroll, implemented something like as described here: https://medium.com/frontend-journeys/how-virtual-...
1
vote
1
answer
5k
views
Using ngx-virtual-scroller with sections of items
I want to use ngx-virtual-scroller for sections of items.
<virtual-scroller #scroll [items]="???">
<div *ngFor="let group of groups;">
<div class="title">
...
2
votes
1
answer
2k
views
Setting dynamic height for Angular CDK virtual scroll viewport
I'm working on Angular table with usage of cdk Virtual Scroll. Do you know if there is any way to set the dynamic height of scroll viewport? Everything works fine with standard style property but I ...
2
votes
1
answer
538
views
ui-scroll for long text virtualising
What is the best way of showing a very long text (in MBs) using ui-scroll ? The text is available in the form of an array but needs to be displayed as a long text document just like a textarea. I'm ...