# scroll-list

**Repository Path**: mirrors_developit/scroll-list

## Basic Information

- **Project Name**: scroll-list
- **Description**: :scroll: An infinitely scrollable list/datagrid. Handles millions of rows.
- **Primary Language**: Unknown
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-08-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

ScrollList
==========

> An infinitely scrollable list/datagrid.  
> Throw millions of rows at it, it won't even affect performance.  
> [JSFiddle Demo](http://jsfiddle.net/developit/j8swt8zb/)


Usage
-----

```js
var list = new ScrollList({
	// use `transform:translateY()` instead of `top` to offset contents?
	useTransforms : false,
	
	// debounce scroll events using requestAnimationFrame()?
	bufferedScrolling : true,
	
	// provide a DOM node to clone, used as a template for each row
	template : document.getElementById('row-template').content.firstElementChild
});

// insert the list into an element:
list.insertInto(document.body);

// generate and display 1,000,000 rows
var mil = [];
for (var i=1e6; i--; ) {
    mil[i] = {a:i+'a', b:i+'b', c:i+'c'};
}
list.setData(mil);

// later on, select a row:
list.data[5].selected = true;
list.update();
```