first commit

resources/assets/js/demos/demo-creative-agency-1.js

@@ -0,0 +1,74 @@
+/*
+Name:           Demo Creative Agency 1
+Written by:     Okler Themes - (http://www.okler.net)
+Theme Version:  12.1.0
+*/
+
+// Disable Scroll to Top
+theme.PluginScrollToTop.initialize = () => {};
+
+(($ => {
+
+    if (typeof LocomotiveScroll !== 'undefined') {
+
+		window.scrollTo(0,0);
+
+		setTimeout(() => {
+
+			/*
+			Horizontal Scroll
+			*/
+			let scroller;
+
+			let initLocoScroll = () => {
+
+				window.scrollTo(0,0);
+
+				scroller = new LocomotiveScroll({
+				    el: document.querySelector('[data-scroll-container]'),
+				    smooth: true,
+				    direction: (window.innerWidth > 1199 ? "horizontal" : "vertical"),
+					mobile: {
+						breakpoint: 0,
+						smooth: true,
+						direction: (window.innerWidth > 1199 ? "horizontal" : "vertical")
+					},
+					tablet: {
+						breakpoint: 0,
+						smooth: true,
+						direction: (window.innerWidth > 1199 ? "horizontal" : "vertical")
+					}
+				});
+
+				scroller.on("scroll", () => {
+					ScrollTrigger.update();
+				});
+			}
+
+			initLocoScroll();
+
+			$('[data-hash]').off().on('click', function(e) {
+				e.preventDefault();
+				e.stopPropagation();
+				const anchor = $($(this).attr('href')).get(0);
+
+				scroller.scrollTo(anchor);
+			});
+
+			$(window).afterResize(() => {
+				scroller.destroy();
+				initLocoScroll();
+			});
+
+		}, 100);
+
+		window.onbeforeunload = () => {
+		    window.scrollTo(0,0);
+		};
+
+	} else {
+
+		theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
+
+	}
+})).apply( this, [ jQuery ]);