{"repo":"dhilt/ngx-ui-scroll","free":true,"listed":false,"github":"https://github.com/dhilt/ngx-ui-scroll","clone":"git clone https://github.com/dhilt/ngx-ui-scroll.git","description":"Virtual/infinite scroll for Angular","language":"TypeScript","stars":234,"topics":["angular","virtual-scroll","infinite-scroll","scrolling","scroll","virtual-list","virtual-scroller","virtual-scrolling","vscroll"],"license":"MIT","category":"ui-components","readme_excerpt":"ngx-ui-scroll A directive for Angular framework to provide unlimited bidirectional virtual scrolling over limited viewport. Built on top of vscroll native virtual scrolling engine. Demo is available at dhilt.github.io/ngx-ui-scroll. can donate? go here 👉 make open-source world better - Motivation - Features - Getting - Usage - Settings - Adapter API - Compatibility - Development Motivation Scrolling large datasets may cause performance issues. Many DOM elements, many data-bindings, many event listeners... The common way to improve the performance is to render only a small portion of the dataset visible to a user. Other dataset elements that are not visible to a user are virtualized with upward and downward empty padding elements which should provide a consistent viewport with consistent scrollbar parameters. The ngx-ui-scroll library provides the \\ uiScroll structural directive that works like \\ ngFor and renders a templated element once per item from a collection. By requesting the external Datasource (the implementation of which is a developer responsibility) the \\ uiScroll directive fetches necessary portion of the dataset and renders corresponded elements until the visible part of the viewport is filled out. It starts to retrieve new data to render new elements again if a user scrolls to the edge of visible element list. It dynamically destroys elements as they become invisible and recreates them if they become visible again. Features - unlimited bidirectional virtual sc","default_branch":null,"files":null,"tree":[],"storefront":"/r/dhilt","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/dhilt/ngx-ui-scroll/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}