GitHub - mvader/visible.js: A JavaScript library with no dependencies which allows us to quickly check if an element is within the browsers visual viewport regardless of the window scroll position.

visible.js

Simple library with no dependencies to check if an element is visible on the current viewport.

Install

bower install visible.js

Usage

visible(document.getElementById('my-elem')); // Returns true if the element is visible!

visible(document.getElementById('my-elem'), true); // Returns true if the element is partially or completely visible!

visible(document.getElementById('my-elem'), false, true); // Returns true if the element is visible even if it's hidden!

visible(document.getElementById('my-elem'), false, false, 'vertical'); // Returns true if the element is visible vertically!

visible(document.getElementById('my-elem'), false, false, 'vertical'); // Returns true if the element is visible horizontally!

Blog article

Checking if an element is visible on-screen using jQuery

Limitations

Currently, this plugin will not check for visibility in nested scrollable areas, only on the main viewport (window object).

Disclaimer

Based on customd jquery.visible https://github.com/customd/jquery-visible

	Failed to load latest commit information.
	dist
	src
	tests
	.gitignore
	.jshintrc
	.travis.yml
	LICENSE
	README.md
	bower.json
	karma.config.js
	package.json
	webpack.config.js

mvader/visible.js forked from customd/jquery-visible

README.md