Displaying 1 to 20 from 20 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.

svelte-scrollspy - Scroll Spy component for Svelte

  •    Javascript

This component uses IntersectionObservers (and a polyfill for non-supporting browsers like Safari) so that performance is quick and doesn't impact the user's experience. This library is pure javascript, so can be used with any framework you like.

angular-scrollspy - A simple lightweight library for Angular which automatically updates links to indicate the currently active section in the viewport

  •    TypeScript

A simple lightweight library for Angular which automatically updates links to indicate the currently active section in the viewport. Requires Angular Inviewport to be installed as well. This is a simple library for Angular, implemented in the Angular Package Format v5.0.

simple-scrollspy - Simple scrollspy without jQuery, no dependencies

  •    Javascript

Simple scrollspy is a lightweight javascript library without jQuery, no dependencies. It is used to make scrollspy effect for your menu, table of contents, etc. Only 1.94Kb. This is a scrollspy demo for my menu in the navigation bar.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.