https://github.com/xtianmiller/emergence.js

Detect element visibility in the browser
https://github.com/xtianmiller/emergence.js

animation element javascript reveal scroll viewport visibility

Last synced: about 2 months ago
JSON representation

Detect element visibility in the browser

• Host: GitHub
• URL: https://github.com/xtianmiller/emergence.js
• Owner: xtianmiller
• License: mit
• Created: 2016-02-18T15:00:53.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-16T19:29:11.000Z (over 6 years ago)
• Last Synced: 2024-05-02T05:13:31.417Z (5 months ago)
• Topics: animation, element, javascript, reveal, scroll, viewport, visibility
• Language: JavaScript
• Homepage: https://xtianmiller.github.io/emergence.js/
• Size: 310 KB
• Stars: 1,898
• Watchers: 31
• Forks: 62
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
[![Emergence.js - detect element visibility in the browser](https://xtianmiller.github.io/emergence.js/dist/images/emergence-title.png#2)](https://xtianmiller.github.io/emergence.js)

Emergence.js is a lightweight, high-performance JS plugin for detecting and manipulating elements in the browser.

[![Emergence.js - detect element visibility in the browser](https://xtianmiller.github.io/emergence.js/dist/images/emergence-hero.png#2)](https://xtianmiller.github.io/emergence.js)

***

[![License: MIT](https://img.shields.io/badge/license-MIT-00ddd0.svg)](https://opensource.org/licenses/MIT)

[![NPM version](https://img.shields.io/badge/npm-v1.1.2-00ddd0.svg)](https://www.npmjs.com/package/emergence.js)

[![CDNJS version](https://img.shields.io/cdnjs/v/emergence.js.svg)](https://cdnjs.com/libraries/emergence.js)

- Dependancy-free

- IE8+ and all modern browsers

- 1KB minified and gzipped

**[View Demo](https://xtianmiller.github.io/emergence.js)**

***

## Why Use It?

This plugin is designed to allow manipulation on elements depending on their visibility in the browser. It gives the developer the freedom to use their own CSS or JS to determine what happens; whether it's animation or a change in state. It leverages HTML5 data-* attributes instead of classes for ease and developer clarity. Emergence.js is one of the lightest and most compatible plugins of its kind.

***

## Getting Started

Reference emergence.js just before your closing `