Featured Products
- Home
- JavaScript Scripts
- VScroll: Virtual Scroll Made Simple
VScroll: Virtual Scroll Made Simple
By : JaguarScript Published on Friday, July 07, 2017,23:24:19 in JavaScript Scripts
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.




