javascript check if element is visible on scroll
function isOnScreen(elem) {
// if the element doesn't exist, abort
if( elem.length == 0 ) {
return;
}
var $window = jQuery(window)
var viewport_top = $window.scrollTop()
var viewport_height = $window.height()
var viewport_bottom = viewport_top + viewport_height
var $elem = jQuery(elem)
var top = $elem.offset().top
var height = $elem.height()
var bottom = top + height
return (top >= viewport_top && top < viewport_bottom) ||
(bottom > viewport_top && bottom <= viewport_bottom) ||
(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom)
}
jQuery( document ).ready( function() {
window.addEventListener('scroll', function(e) {
if( isOnScreen( jQuery( '.shipping-logos' ) ) ) { /* Pass element id/class you want to check */
alert( 'The specified container is in view.' );
}
});
});
Also in JavaScript:
- function inside object javascript
- electron didn't know require
- nodejs promise then example
- console log update status bar
- jquery submit form
- filereader javascript example
- javascript delete key from object
- Rounding Up To The Nearest Hundred js
- javascript wait 10 seconds
- express js list all routes
- redirect to page in javascript
- Javascript compare two dates
- let scores = [80, 90, 70]; for (const score of scores) { console.log(score); }
- stop a video jquery
- how to connect mongodb and nodejs
- get percentage of number javascript
- secure random nodejs
- Basic JavaScript: Use Recursion to Create a Range of Numbers
- array of array key value javascript
- reverse an array javascript
- how to show only time in hours and minutes only in javascript
- js is number
- remove backslash in json array javascript
- axios download excel \ file