Overview
VScroll – Digital Scroll Made Easy.
Show tens of millions of rows and grids with out affecting your web site efficiency, not a bit. Not even just a little bit.
It’s a quick alternative for the default net browser scroll and infinite scroll. Impressed by Fb, Twitter and fonts.google.com.
You’ll be able to head to our web site to learn extra: VScroll
Why use VScroll?
“The DOM isn’t gradual, you might be.” Should you do silly issues with the DOM, it’ll carry out poorly. Like for example including 100+ checklist filled with parts will lower your web site efficiency, it’ll additionally might result in a really, very poor efficiency which is able to injury your consumer expertise.
Net builders have created an answer, it’s referred to as infinite scroll characteristic, also called “unpagination”, is a method the place extra content material for a web page is appended dynamically because the consumer approaches the top of the content material. However there’s nonetheless an issue; As you scroll down, the web page begins to get larger and slower, it’ll begin to present efficiency points.
JaguarScript constructed a greater alternative of the default browser scroll and infinite scroll. You’ll have seen this system on the Fb’s Timeline or on Twitter’s and It’s impressed by fonts.google.com.
However how does it work? It takes an array of knowledge and returns perform containing every merchandise primarily based on index to create DOM (template for every merchandise). It renders simply sufficient quantity of knowledge to fill the viewport, by implementing a two-way infinite scroll approach. For efficiency causes, It doesn’t render each merchandise within the checklist without delay.
It requires an array of knowledge, perform that generates and returns HTML templates for every merchandise, and an HTML container ingredient.
Options
- Helps Tens of millions of Rows: Means that you can show tens of millions of rows and grids with out hurting consumer expertise. The identical expertise that it’s utilized by large firms like Fb and Twitter to show their timelines.
- Grid: It’s not restricted to a listing. It helps lists, ULs, Tables, divs that would comprise something. It additionally helps multi-column, identical to fonts.google.com.
- Two Approach Scroll: VScroll renders simply sufficient quantity of knowledge to fill the viewport, by implementing a two-way infinite scroll.
- Extremely Quick: It doesn’t lower the net web page efficiency, even when the checklist is over 100,000 objects, the truth is it has many efficiency advantages over the default browser scroll.
- Buffer: You’ll be able to buffer/prerender the subsequent and the earlier parts within the DOM.
- Responsive: Similar to fonts.google.com.
- Dynamic: It may comprise dynamic rising array of knowledge. It has a helpful API the place you possibly can replace, refresh, quick refresh or destroy your digital scroll.
- A number of Situations: You’ll be able to create a number of cases of VScroll that time to totally different information.
Documentation
Full documentation incorporates Set up, Utilization, Choices, API and Browser Help are included within the package deal.
Demo
Right here’s a easy demo, extra examples are included within the package deal:VScroll Virtual Scroll demonstration
Go to Product Web page
VScroll: Virtual Scroll Made Simple
Browser Help
Google Chrome (4+), Mozilla Firefox (3.5+), Apple Safari (3.2+), Opera (10+), Microsoft Edge (all), Web Explorer (9+)
