We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
angular-scroll - Scrollspy, animated scrollTo and scroll events for angular.js
Angular is only dependency (no jQuery). 8K minified or 2K gzipped. Check out the live demo or the source code.
angular smooth-scroll scrollspy scrollto scrollingreact-waypoint - A React component to execute a function whenever you scroll to an element.
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.
react component react-component scroll onscroll scrollspyuiv - Bootstrap 3 components implemented by Vue 2.
If this project has helped you out, please support it with a star 🌟. uiv is a Bootstrap 3 component lib implemented by Vue 2.
bootstrap vuejs ui web vue vuejs2 vue2 component-library ui-components bootstrap3 vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-selectuiv - Bootstrap 3 components implemented by Vue 2.
uiv is a Bootstrap 3 component lib implemented by Vue 2. To check out live examples and docs, visit https://uiv.wxsm.space.
vue bootstrap vuejs vuejs2 vue2 bootstrap3 ui ui-components web component-library vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-selectreact-scroll-spy - React.js mixin for updating state based on the window's scroll position
React.js mixin for updating state based on the window's scroll position
react react-component ui scroll spy scrollspy mixinember-in-viewport - Detect if an Ember View or Component is in the viewport @ 60FPS
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.
ember-addon ember ember-cli viewport in-viewport is-on-screen scrollspyvisualNav - A jQuery plugin that modifies a navigation menu to highlight / change when the menu's target smooth scrolls into view
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.
scrollspy smooth-scrolling scroll scrolling animation menu navigationmenuspy - A JavaScript library to make navigation menus highlight the item based on currently in view section
A JavaScript library to make navigation menus highlight the item based on currently in view section. MenuSpy will be available in the global scope.
es6 menu nav navigation menuspy scrollspy navigation-menus-highlight javascript-libraryngx-scrollspy - Angular2 ScrollSpy Service
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.
ng2-scrollspy angular2-service angular angular2 aot scrollspy parallax parallax-scrolling sticky infinite-scroll index-generator affix ngx-scrollspy ng2 scroll spy index infinite effectangular-scroll-spy - A simple, lightweight scroll-spy directive for angular that was built from scratch
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.
angular scrollspyreact-inview-monitor - Declarative in-view scroll monitor for React JS
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.
react reactjs scrollspy inviewport reveal scroll inview fadein scrollmonitormaterial-community-components - :panda_face: Angular Material Components created from the community
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.
material angular angular-material2 community angular-components typescript timerpicker colorpicker scrollspyvue2-scrollspy - Scrollspy for Vue2
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.
scrollspy scroll vue vue2react-scrollspy - :six_pointed_star: react scrollspy component
Id list of target contents. Class name that apply to the navigation element paired with the content element in viewport.
react scrollspy scroll component react-componentvue-scrollactive - Lightweight and simple to use vue component that highlights menu items as you scroll the page, also scrolling to target section when clicked
This Vue 2 component makes it simple to highlight a menu item with an 'active' class as you scroll. Install via npm and use it as a vue plugin in your app.
vue vue-plugin vue-component scrollspy scroll active active-class menu-item highlight-menu-itemscroll-spy - A light weight scroll spy library in vanilla js.
A light weight scroll spy library in vanilla js.
scrollspy scrollspy-plugin jquery-scrollspy bootstrap-scrollspy scrollsvelte-scrollspy - Scroll Spy component for Svelte
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.
svelte scroll scrollspy intersection-observer svelte-v3 beyonk dependency-free vanilla-jsangular-scrollspy - A simple lightweight library for Angular which automatically updates links to indicate the currently active section in the viewport
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.
angular component navigation scrolling navbar directive scrollspy directives navigationbar ngx ngx-scrollspy ngx-scroll-spy ngx-library scroll-spy bootstrap navsimple-scrollspy - Simple scrollspy without jQuery, no dependencies
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.
scroll scrollspy menuspy
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.
