Visão geral
Vscroll – rolagem virtual simplificada.
Exiba milhões de linhas e grades sem afetar o desempenho do seu site, nem um pouco. Nem um pouco.
É um substituto rápido para o rolagem padrão do navegador da web e o rolagem infinito. Inspirado no Facebook, Twitter e Fonts.google.com.
Você pode ir ao nosso site para ler mais: Vscroll
Por que usar vscroll?
“O DOM não é lento, você é.” Se você fizer coisas estúpidas com o DOM, ele terá um desempenho ruim. Como, por exemplo, a adição de mais de 100 listas cheia de elementos diminuirá o desempenho do seu site, ela também pode levar a um desempenho muito, muito ruim, o que prejudicará sua experiência do usuário.
Os desenvolvedores da Web criaram uma solução, é chamada de recurso de rolagem Infinite, também conhecida como “não aginação”, é uma técnica em que o conteúdo adicional de uma página é anexado dinamicamente à medida que o usuário se aproxima do final do conteúdo. Mas ainda há um problema; À medida que você rola para baixo, a página começa a ficar maior e mais lenta, ela começará a mostrar problemas de desempenho.
O Jaguarscript construiu uma melhor substituição do rolagem padrão do navegador e rolagem infinita. Você pode ter visto essa técnica na linha do tempo do Facebook ou no Twitter e é inspirada por fonts.google.com.
Mas como funciona? É necessário uma matriz de dados e retornos da função contendo cada item com base no índice para criar DOM (modelo para cada item). Ele renderiza uma quantidade suficiente de dados para preencher a viewport, implementando uma técnica de rolagem infinita de duas vias. Por razões de desempenho, ele não renderiza todos os itens da lista de uma só vez.
Requer uma matriz de dados, função que gera e retorna modelos HTML para cada item e um elemento de contêiner HTML.
Características
- Suporta milhões de linhas: Permite exibir milhões de linhas e grades sem prejudicar a experiência do usuário. A mesma tecnologia que é usada por grandes empresas como o Facebook e o Twitter para exibir suas linhas do tempo.
- Grade: Não está limitado a uma lista. Ele suporta listas, uls, tabelas, divs que podem conter qualquer coisa. Ele também suporta várias colunas, assim como fonts.google.com.
- Rolagem de duas maneiras: O VScroll renderiza apenas uma quantidade suficiente de dados para preencher a viewport, implementando um rolagem infinito de duas vias.
- Ultra Fast: Ele não diminui o desempenho da página da web, mesmo que a lista tenha mais de 100.000 itens, na verdade, ele tem muitos benefícios de desempenho sobre o rolagem padrão do navegador.
- Buffer: Você pode buffer/pré -render nos elementos seguintes e anteriores no DOM.
- Responsivo: Assim como fonts.google.com.
- Dinâmico: Pode conter uma variedade dinâmica de dados de dados. Possui uma API útil onde você pode atualizar, atualizar, atualizar rapidamente ou destruir seu rolo virtual.
- Várias instâncias: Você pode criar várias instâncias de vscroll que apontam para diferentes dados.
Documentação
A documentação completa contém instalação, uso, opções, API e suporte do navegador estão incluídos no pacote.
Demonstração
Aqui está uma demonstração simples, mais exemplos estão incluídos no pacote:VSCROLL Demonstração virtual de rolagem
Visite a página do produto
Vscroll: rolagem virtual simplificada
Suporte do navegador
Google Chrome (4+), Mozilla Firefox (3,5+), Apple Safari (3.2+), Opera (10+), Microsoft Edge (All), Internet Explorer (9+)