clear

isVisibleWithinViewport

Return true if the selected DOM-element found by given selector is visible and within the viewport.

Usage

1
client.isVisibleWithinViewport(selector).then(callback);

Parameters

Param Type Details
selector String DOM-element

Example

index.html
1
2
3
4
<div id="notDisplayed" style="display: none"></div>
<div id="notVisible" style="visibility: hidden"></div>
<div id="notInViewport" style="position:absolute; left: 9999999"></div>
<div id="zeroOpacity" style="opacity: 0"></div>
isVisibleWithinViewport.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
client
    .isVisibleWithinViewport('#notDisplayed').then(function(isVisible) {
        console.log(isVisible); // outputs: false
    })
    .isVisibleWithinViewport('#notVisible').then(function(isVisible) {
        console.log(isVisible); // outputs: false
    })
    .isVisible('#notExisting').then(function(isVisible) {
        console.log(isVisible); // outputs: false
    })
    .isVisibleWithinViewport('#notInViewport').then(function(isVisible) {
        console.log(isVisible); // outputs: false
    })
    .isVisibleWithinViewport('#zeroOpacity').then(function(isVisible) {
        console.log(isVisible); // outputs: false
    });

Uses