Package Exports

viewability

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (viewability) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

viewability

browser package to check if the element is on screen.

var vertical = require('viewability/vertical');
vertical(document.getElementById('blue-box'));
// return {value: 1, state: "EL_IS_WITHIN_VERTICAL_VIEW"}

Use 'viewability/horizontal' for corresponding view.

Installation

From npm:

npm install --save viewability

From bower:

bower install --save viewability

I want to find out if element is 100% on screen

var v = require('viewability');
var el = document.getElementById('blue-box');
if (v.horizontal(el).value === 0 && v.vertical(el).value === 0) {
  console.log('100% on screen.')
} else if (v.horizontal(el).value > 0 || v.value(el).value > 0) {
  console.log('Part of element in on screen.')
}

Running tests

npm test

License

ISC