Check if the element is visible and clickable
npm i isvisible
isVisible
will check if a element is
overflow: hidden
by parent nodeopacity: 0
on self or parent nodedisplay: none
visibility: hidden
hidden: true
on self or parent node- Covered by other element
Use with browserify
var isVisible = require('isvisible')
console.log(isVisible(element))
Use isvisible.js Directly https://cdn.rawgit.com/chunpu/is-visible/gh-pages/browser/browser.js
Check strictly
isVisible(element, true)
strict check will check
opacity > 0.9
- top left point and mid point is not covered by other element
Firefox, Chrome... even IE6+
IE9- cannot support opacicy set inherit from parent check
Make sure your AD and Promotion are really show in web pages