Ben Robertson benrobertsonio
benrobertsonio
/ lazy-video-loader.js
Last active
November 4, 2019 22:02
Lazy Loading Video Based on Connection Speed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class LazyVideoLoader { | |
| constructor() { | |
| this.videos = [].slice.call(document.querySelectorAll('.hero__bgvideo')); | |
| // Abort when: | |
| // - The browser does not support Promises. | |
| // - There no videos. | |
| // - If the user prefers reduced motion. | |
| // - Device is mobile. | |
| if ( |
benrobertsonio
/ scrollchange.js
Last active
January 16, 2017 21:53
A simple javascript module for adding a class to an element depending if it is visible or not.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Use it like this: | |
| // ScrollChange.init('.featured-on', 'featured-on--fixed'); | |
| var ScrollChange = { | |
| element: '', | |
| windowHeight: '', | |
| elementTop: '', | |
| lastScrollTop: 0, | |
| delta: 50, | |
| didScroll: false, |