Skip to content

Commit 9bea379

Browse files
committed
added isElementOnScreen
1 parent 3811062 commit 9bea379

8 files changed

+38
-11
lines changed

Diff for: CHANGELOG.md

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
## v1.2.0 - 2015-06-02
2+
* added isElementOnScreen
3+
14
## v1.1.0 - 2015-06-01
25
* Added dist file: dist/viewability.js
36
* File name changes.

Diff for: README.md

+6-4
Original file line numberDiff line numberDiff line change
@@ -41,10 +41,12 @@ Finding out if the element is 100% on screen and using Common JS:
4141
```js
4242
var v = require('viewability');
4343
var el = document.getElementById('blue-box');
44-
if (v.horizontal(el).value === 0 && v.vertical(el).value === 0) {
45-
console.log('100% on screen.')
46-
} else if (v.horizontal(el).value > 0 || v.value(el).value > 0) {
47-
console.log('Part of element in on screen.')
44+
if (v.isElementOnScreen(el, true)) {
45+
console.log('100% on screen.');
46+
} else if (v.isElementOnScreen(el)) {
47+
console.log('Some parts are on screen');
48+
} else {
49+
console.log('not on screen at all');
4850
}
4951
```
5052

Diff for: bower.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "viewability",
33
"main": "dist/viewability.js",
4-
"version": "1.1.2",
4+
"version": "1.2.0",
55
"description": "Returns how viewable an element is",
66
"homepage": "https://github.com/kahwee/viewability",
77
"authors": [

Diff for: dist/viewability.js

+15-3
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,17 @@ module.exports = function(el) {
4949
};
5050

5151
},{}],2:[function(require,module,exports){
52+
var horizontal = require('./horizontal');
53+
var vertical = require('./vertical');
54+
module.exports = function(el, full) {
55+
if (full) {
56+
return vertical(el).value * horizontal(el).value === 1;
57+
} else {
58+
return vertical(el).value > 0 || horizontal(el).value > 0;
59+
}
60+
};
61+
62+
},{"./horizontal":1,"./vertical":3}],3:[function(require,module,exports){
5263
module.exports = function(el) {
5364
var windowHeight = window.innerHeight;
5465
var elemTop = el.getBoundingClientRect().top;
@@ -98,11 +109,12 @@ module.exports = function(el) {
98109
};
99110
};
100111

101-
},{}],3:[function(require,module,exports){
112+
},{}],4:[function(require,module,exports){
102113
module.exports = {
103114
vertical: require('./vertical'),
104-
horizontal: require('./horizontal')
115+
horizontal: require('./horizontal'),
116+
isElementOnScreen: require('./isElementOnScreen')
105117
};
106118

107-
},{"./horizontal":1,"./vertical":2}]},{},[3])(3)
119+
},{"./horizontal":1,"./isElementOnScreen":2,"./vertical":3}]},{},[4])(4)
108120
});

Diff for: dist/viewability.min.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: isElementOnScreen.js

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
var horizontal = require('./horizontal');
2+
var vertical = require('./vertical');
3+
module.exports = function(el, full) {
4+
if (full) {
5+
return vertical(el).value * horizontal(el).value === 1;
6+
} else {
7+
return vertical(el).value > 0 || horizontal(el).value > 0;
8+
}
9+
};

Diff for: package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "viewability",
3-
"version": "1.1.2",
3+
"version": "1.2.0",
44
"description": "Returns how viewable an element is",
55
"main": "dist/viewability.js",
66
"scripts": {

Diff for: viewability.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
module.exports = {
22
vertical: require('./vertical'),
3-
horizontal: require('./horizontal')
3+
horizontal: require('./horizontal'),
4+
isElementOnScreen: require('./isElementOnScreen')
45
};

0 commit comments

Comments
 (0)