Displaying 1 to 16 from 16 results

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.

react-waypoint - A React component to execute a function whenever you scroll to an element.

  •    Javascript

A React component to execute a function whenever you scroll to an element. Works in all containers that can scroll, including the window. React Waypoint can be used to build features like lazy loading content, infinite scroll, scrollspies, or docking elements to the viewport on scroll.




ember-in-viewport - Detect if an Ember View or Component is in the viewport @ 60FPS

  •    Javascript

ember-in-viewport is built and maintained by DockYard, contact us for expert Ember.js consulting. This ember-cli addon adds a simple, highly performant Ember Mixin to your app. This Mixin, when added to a View or Component (collectively referred to as Components), will allow you to check if that Component has entered the browser's viewport. By default, the Mixin uses the IntersectionObserver API if it detects it in your user's browser – failing which, it fallsback to using requestAnimationFrame, then if not available, the Ember run loop and event listeners.

visualNav - A jQuery plugin that modifies a navigation menu to highlight / change when the menu's target smooth scrolls into view

  •    HTML

The animationTime option still accepts a time in milliseconds. To set an animationTime based on the scroll distance, use any desired calculation method and return a time in milliseconds.

menuspy - A JavaScript library to make navigation menus highlight the item based on currently in view section

  •    Javascript

A JavaScript library to make navigation menus highlight the item based on currently in view section. MenuSpy will be available in the global scope.

ngx-scrollspy - Angular2 ScrollSpy Service

  •    TypeScript

You can use this angular2 service to spy scroll events from window or any other scrollable element. Finally, you can use ngx-scrollspy in your Angular 2 project. It is recommended to instantiate ScrollSpyService in the bootstrap of your application and to never add it to the "providers" property of your components, this way you will keep it as a singleton. If you add it to the "providers" property of a component it will instantiate a new instance of the service that won't be initialized.


angular-scroll-spy - A simple, lightweight scroll-spy directive for angular that was built from scratch

  •    HTML

A simple, lightweight scroll-spy directive for angular that was built from scratch. It broadcasts events as elements are scrolled into or out of view. Add the scroll-spy attribute and an id on the element you want to receive a scroll event for.

react-inview-monitor - Declarative in-view scroll monitor for React JS

  •    Javascript

See the demos for some example usage. There are other ~ scoll monitor libraries for React available, but none of them solved our use cases: to be able to declaratively configure animations and other effects to be triggered when individual elements came into the view. Inspired by the wow reveal animation library we set out to get to the same ease of use but within react's code paradigm.

material-community-components - :panda_face: Angular Material Components created from the community

  •    TypeScript

The idea of the Material Community Components is to provide components that aren't available in the Angular Material2 yet. All the components are created using just Angular, Material 2 and CDK.

vue2-scrollspy - Scrollspy for Vue2

  •    Javascript

Scrollspy, and animated scroll-to, for Vue2, inspired by vue-scrollspy. See https://ibufu.github.io/vue2-scrollspy/ or Jsfiddle. Declares container of sections for elements to scrollspy.

react-scrollspy - :six_pointed_star: react scrollspy component

  •    Javascript

Id list of target contents. Class name that apply to the navigation element paired with the content element in viewport.

scrollspy - scrollspy

  •    Javascript

Scrollspy library.