NGScroller - Bidirectional infinite scrolling with dynamic data load

  •        5

The common way to present to the user a list of data elements of undefined length is to start with a small portion at the top of the list - just enough to fill the space on the page. Additional rows are appended to the bottom of the list as the user scrolls down the list. The problem with this approach is that even though rows at the top of the list become invisible as they scroll out of the view, they are still a part of the page and still consume resources. As the user scrolls down the list grows and the web app slows down.

https://github.com/Hill30/NGScroller

Tags
Implementation
License
Platform

   




Related Projects

ui-scroll - Unlimited bidirectional scrolling over a limited element buffer

  •    Javascript

The common way to present to the user a list of data elements of undefined length is to start with a small portion at the top of the list - just enough to fill the space on the page. Additional rows are appended to the bottom of the list as the user scrolls down the list.The problem with this approach is that even though rows at the top of the list become invisible as they scroll out of the view, they are still a part of the page and still consume resources. As the user scrolls down the list grows and the web app slows down.

vue-scroller - Scroller Component for Vue.js

  •    Javascript

Vue Scroller is a foundational component of Vonic UI. In purpose of smooth scrolling, pull to refresh and infinite loading. For vue 1.0, please refer to branch v1.

angular-scroll - Scrollspy, animated scrollTo and scroll events for angular.js

  •    Javascript

Angular is only dependency (no jQuery). 8K minified or 2K gzipped. Check out the live demo or the source code.

jscroll - An infinite scrolling plugin for jQuery.

  •    Javascript

Official site at jscroll.com. The jscroll method takes an optional object literal as a parameter for overriding the default options. An example of how this can be done is shown below.

ui-leaflet - AngularJS directive to embed an interact with maps managed by Leaflet library

  •    Javascript

While we are grateful for all the original work at tombatossals/angular-leaflet-directive. We need to be able to operate as an organization to respond to issues, pull-requests and other various items quicker. We need to be able to add other developers as admins easier via group permissions via github orgs. Lastly this project needs to be more credible via being a group / org.Please note the master branch is currently in a "in-progress state" and is not suitable for use at this point. We are trying break up the library to be more unix / plugin like. This will reduce the burden of constant changes to the core repo (this repo) for each and every unforseeable plugin that leaflet has. Therefore, the new usage plugins will require developers (angular-ui or not) to create specific angular directives, services, factories, and etc to extend the main ui-leaflet directive. Where ui-leaflet would be the main dependency.


Semantic-UI-Angular - Semantic UI Angular Integrations

  •    TypeScript

Semantic-UI-Angular is a pure AngularJS 1.x set of directives for Semantic-UI components. We are considering Angular 2 support in the future. We've decided to use TypeScript as a step to Angular 2 friendly environment.We are working on setting up proper environment, contribution guidelines and everything else for comfortable community contributions. Once we release first alpha.0 we are happy to get community help.

vue-mugen-scroll - Infinite scroll component for Vue.js 2

  •    Javascript

むげん [mugen] means Infinity in English.The handler function to run after you scroll to the bottom of the list. It will also be invoked on component mounted and the mugen-scroll component is visible in viewport.

ngInfiniteScroll - Infinite Scrolling for AngularJS

  •    Javascript

Maintainer help needed: I'm looking for fellows that are willing to help me maintain and improve this project.ngInfiniteScroll is a directive for AngularJS to evaluate an expression when the bottom of the directive's element approaches the bottom of the browser window, which can be used to implement infinite scrolling.

angularjs-scroll-glue - An AngularJs directive that automatically scrolls to the bottom of an element on changes in it's scope

  •    Javascript

An AngularJs directive that automatically scrolls to the bottom of an element on changes in its scope. More information can be found in the live demo.

angular-kendo - A project to create a robust set of Angular.js bindings for Kendo UI widgets

  •    Javascript

The Angular-Kendo integration is already added officially in Kendo UI Professional and Kendo UI Core, and supported as part of Kendo UI Professional. Therefore, loading angular-kendo.js from this repository is no longer necessary, since it is deprecated. We strongly recommend using the official Angular integrations as only these will be developed and supported in the future, along with new versions of Angular.For more information regarding how to use Kendo UI and Angular together, please refer to this page and the official docs.

angular-pull-to-refresh - CSS3 Pull-to-Refresh directive for AngularJS

  •    Javascript

mgcrea.pullToRefresh is a module providing a simple css-only pull-to-refresh component leveraging native style momentum scrolling -webkit-overflow-scroll: touch. The directive has a configurable built-in debounce system (400ms treshold by default) and can leverage angular $q promises.

pull-to-refresh - #Busy Re-Building

  •    Swift

ESPullToRefresh is an easy-to-use component that give pull-to-refresh and infinite-scrolling implemention for developers. By extension to UIScrollView, you can easily add pull-to-refresh and infinite-scrolling for any subclass of UIScrollView. If you want to customize its UI style, you just need conform the specified protocol. Download and run the ESPullToRefreshExample project in Xcode to see ESPullToRefresh in action.

scroll-frame - Retain your scroll position between pages using an iframe

  •    Javascript

Retain your scroll position between pages using an iframe. Especially helpful for infinite scrolling views.

vue-infinite-loading - An infinite scroll plugin for Vue.js.

  •    Javascript

An infinite scroll plugin for Vue.js, it can help you impletement infinite scroll list more easily. To check out live examples and docs, visit Vue-infinite-loading GitHub Pages.

ui-grid - UI Grid: an Angular Data Grid

  •    Javascript

Head to http://ui-grid.info for documentation and tutorials. Join https://gitter.im/angular-ui/ui-grid to discuss development and ask for specific help.Need Some Inspiration? Have a look at our open PRs Plz! issues.

ui-sortable - jQuery UI Sortable for AngularJS

  •    Javascript

This directive allows you to sort an array with drag & drop.Single minified cdn link ~245kB and example with JQuery v1.x, required parts of JQueryUI v1.10, AngularJS v1.2 & latest angular-ui-sortable.

bootstrap-bower - This is a bower repository to hold Angular UI Bootstrap releases.

  •    Javascript

Installation is easy as UI Bootstrap has minimal dependencies - only the AngularJS and Twitter Bootstrap's CSS are required. Note: Since version 0.13.0, UI Bootstrap depends on ngAnimate for transitions and animations, such as the accordion, carousel, etc. Include ngAnimate in the module dependencies for your app in order to enable animation.This will install AngularJS and Bootstrap NPM packages.

angular-schema-form - Generate forms from a JSON schema, with AngularJS!

  •    Javascript

Much of the new development is being done in Assimilate, a standardised validator for JSON Schema to help ensure changing validators is never as painful as escaping tv4 is, as well as a new core library to allow for a more predictable upgrade from AngularJS to Angular. If you use ASF in your project/company please let us know! We'd love to feature you on the site.

react-infinite-scroll - An infinite scroll component for React

  •    Javascript

⚠️ This repo is no longer maintained. There is an active fork running at CassetteRocks/react-infinite-scroller.

mobiscroll - Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)

  •    CSS

Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability and performance. Mobiscroll Forms ships with 15 customizable controls that you can use for free that are included in this repository. Use Forms with the premium products that can be found on the Mobiscroll website. You can use the controls in web and hybrid/native cross-platform apps. At it's core Mobiscroll is framework agnostic, but API variants for jQuery/jQuery Mobile, Angular/Ionic, Angular JS/Ionic 1 and React is available.