Created by: triceam
Hello! I am a Technical Evangelist with Adobe, and I created a list component for some or my projects, which I'd like to contribute back to the bootstrap project. The list allows for easy scrolling of content using either the mouse or touch gestures (with inertia). The list is a simple jQuery plugin like the other JS components, and the data can be created declaratively using <ul> and <li> or programmatically by setting a data provider array via JavaScript.
The list uses data virtualization techniques so that it performs well with 10 items in the list or 100,000. With data virtualization techniques, there are only enough <li> elements on the DOM to display data for the current <div> viewport. This keeps it lightweight and fast, even on mobile devices. You can test out a live demo here: http://www.tricedesigns.com/portfolio/docs/javascript.html#list
The first example list has 50 items and is created declaratively. The second list uses a data provider array, and has 100,000 items in it.
Let me know if you have any feedback, and I look forward to hearing back.
Thanks, Andrew Trice atrice [at] adobe.com blog: http://tricedesigns.com twitter: @andytrice