Completed lazy Loading.

mesmitpatel · Jun 4, 2019 · 953de37 · 953de37
1 parent 42c25eb
commit 953de37
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/app/assets/scripts/modules/StickyHeader.js b/app/assets/scripts/modules/StickyHeader.js
@@ -5,14 +5,21 @@ import waypoints from '../../../../node_modules/waypoints/lib/noframework.waypoi
 
 class StickyHeader{
 	constructor(){
+		this.lazyImages = $('.lazyload');
 		this.siteHeader = $('.site-header');
 		this.headerTriggerElement = $('.large-hero__title');
 		this.pageSections = $('.page-section');
 		this.headerLinks = $(".primary-nav a");
 		this.createHeaderWaypoint();
 		this.createPageSectionWaypoints();
 		this.addSmoothScroll();
+		this.refreshWaypoints();
+	}
 
+	refreshWaypoints(){
+		this.lazyImages.on('load',function(){
+			Waypoint.refreshAll ();
+		});
 	}
 
 	addSmoothScroll(){

diff --git a/app/temp/scripts/App.js b/app/temp/scripts/App.js
@@ -10910,16 +10910,25 @@ var StickyHeader = function () {
 	function StickyHeader() {
 		_classCallCheck(this, StickyHeader);
 
+		this.lazyImages = (0, _jquery2.default)('.lazyload');
 		this.siteHeader = (0, _jquery2.default)('.site-header');
 		this.headerTriggerElement = (0, _jquery2.default)('.large-hero__title');
 		this.pageSections = (0, _jquery2.default)('.page-section');
 		this.headerLinks = (0, _jquery2.default)(".primary-nav a");
 		this.createHeaderWaypoint();
 		this.createPageSectionWaypoints();
 		this.addSmoothScroll();
+		this.refreshWaypoints();
 	}
 
 	_createClass(StickyHeader, [{
+		key: 'refreshWaypoints',
+		value: function refreshWaypoints() {
+			this.lazyImages.on('load', function () {
+				Waypoint.refreshAll();
+			});
+		}
+	}, {
 		key: 'addSmoothScroll',
 		value: function addSmoothScroll() {
 			this.headerLinks.smoothScroll();