VScroll Virtual Scroll Made Simple

Description

Overview VScroll Virtual Scroll Made Simple Display millions of rows and grids without affecting your website performance not a bit Not even a little bit It s a fast replacement for the default web browser scroll and infinite scroll Inspired by Facebook Twitter and fonts google com You can head to our website to read more VScroll Why use VScroll The DOM isn t slow you are If you do stupid things with the DOM it will perform poorly Like for instance adding 100 list full of elements will decrease your website performance it will also may lead to a very very poor performance which will damage your user experience Web developers have created a solution it s called infinite scroll feature also known as unpagination is a technique where additional content for a page is appended dynamically as the user approaches the end of the content But there s still a problem As you scroll down the page starts to get bigger and slower it will start to show performance issues JaguarScript built a better replacement of the default browser scroll and infinite scroll You may have seen this technique on the Facebook s Timeline or on Twitter s and It s inspired by fonts google com But how does it work It takes an array of data and returns function containing each item based on index to create DOM template for each item It renders just enough amount of data to fill the viewport by implementing a two-way infinite scroll technique For performance reasons It doesn t render every item in the list at once It requires an array of data function that generates and returns HTML templates for each item and an HTML container element Features Supports Millions of Rows Allows you to display millions of rows and grids without hurting user experience The same technology that it s used by big companies like Facebook and Twitter to display their timelines Grid It s not limited to a list It supports lists ULs Tables divs that could contain anything It also supports multi-column just like fonts google com Two Way Scroll VScroll renders just enough amount of data to fill the viewport by implementing a two-way infinite scroll Ultra Fast It doesn t decrease the web page performance even if the list is over 100 000 items in fact it has many performance benefits over the default browser scroll Buffer You can buffer prerender the next and the previous elements in the DOM Responsive Just like fonts google com Dynamic It could contain dynamic growing array of data It has a useful API where you can update refresh fast refresh or destroy your virtual scroll Multiple Instances You can create multiple instances of VScroll that point to different data Documentation Full documentation contains Installation Usage Options API and Browser Support are included in the package Demo Here s a simple demo more examples are included in the package VScroll Virtual Scroll demonstration Visit Product Page VScroll Virtual Scroll Made Simple Browser Support Google Chrome 4 Mozilla Firefox 3 5 Apple Safari 3 2 Opera 10 Microsoft Edge all Internet Explorer 9