fix: turn on parallax script
This commit is contained in:
parent
0f4e69b211
commit
6cd841c40f
@ -113,162 +113,162 @@ if (plugins.preloader.length && !isNoviBuilder) {
|
||||
});
|
||||
}
|
||||
|
||||
// // Counter
|
||||
// if (plugins.counter) {
|
||||
// for (var i = 0; i < plugins.counter.length; i++) {
|
||||
// var
|
||||
// node = plugins.counter[i],
|
||||
// counter = aCounter({
|
||||
// node: node,
|
||||
// duration: node.getAttribute('data-duration') || 1000
|
||||
// }),
|
||||
// scrollHandler = (function () {
|
||||
// if (Util.inViewport(this) && !this.classList.contains('animated-first')) {
|
||||
// this.counter.run();
|
||||
// this.classList.add('animated-first');
|
||||
// }
|
||||
// }).bind(node),
|
||||
// blurHandler = (function () {
|
||||
// this.counter.params.to = parseInt(this.textContent, 10);
|
||||
// this.counter.run();
|
||||
// }).bind(node);
|
||||
// Counter
|
||||
if (plugins.counter) {
|
||||
for (var i = 0; i < plugins.counter.length; i++) {
|
||||
var
|
||||
node = plugins.counter[i],
|
||||
counter = aCounter({
|
||||
node: node,
|
||||
duration: node.getAttribute('data-duration') || 1000
|
||||
}),
|
||||
scrollHandler = (function () {
|
||||
if (Util.inViewport(this) && !this.classList.contains('animated-first')) {
|
||||
this.counter.run();
|
||||
this.classList.add('animated-first');
|
||||
}
|
||||
}).bind(node),
|
||||
blurHandler = (function () {
|
||||
this.counter.params.to = parseInt(this.textContent, 10);
|
||||
this.counter.run();
|
||||
}).bind(node);
|
||||
|
||||
// if (isNoviBuilder) {
|
||||
// node.counter.run();
|
||||
// node.addEventListener('blur', blurHandler);
|
||||
// } else {
|
||||
// scrollHandler();
|
||||
// window.addEventListener('scroll', scrollHandler);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
if (isNoviBuilder) {
|
||||
node.counter.run();
|
||||
node.addEventListener('blur', blurHandler);
|
||||
} else {
|
||||
scrollHandler();
|
||||
window.addEventListener('scroll', scrollHandler);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// // Progress Bar
|
||||
// if (plugins.progressLinear) {
|
||||
// for (var i = 0; i < plugins.progressLinear.length; i++) {
|
||||
// var
|
||||
// container = plugins.progressLinear[i],
|
||||
// counter = aCounter({
|
||||
// node: container.querySelector('.progress-linear-counter'),
|
||||
// duration: container.getAttribute('data-duration') || 1000,
|
||||
// onStart: function () {
|
||||
// this.custom.bar.style.width = this.params.to + '%';
|
||||
// }
|
||||
// });
|
||||
// Progress Bar
|
||||
if (plugins.progressLinear) {
|
||||
for (var i = 0; i < plugins.progressLinear.length; i++) {
|
||||
var
|
||||
container = plugins.progressLinear[i],
|
||||
counter = aCounter({
|
||||
node: container.querySelector('.progress-linear-counter'),
|
||||
duration: container.getAttribute('data-duration') || 1000,
|
||||
onStart: function () {
|
||||
this.custom.bar.style.width = this.params.to + '%';
|
||||
}
|
||||
});
|
||||
|
||||
// counter.custom = {
|
||||
// container: container,
|
||||
// bar: container.querySelector('.progress-linear-bar'),
|
||||
// onScroll: (function () {
|
||||
// if ((Util.inViewport(this.custom.container) && !this.custom.container.classList.contains('animated')) || isNoviBuilder) {
|
||||
// this.run();
|
||||
// this.custom.container.classList.add('animated');
|
||||
// }
|
||||
// }).bind(counter),
|
||||
// onBlur: (function () {
|
||||
// this.params.to = parseInt(this.params.node.textContent, 10);
|
||||
// this.run();
|
||||
// }).bind(counter)
|
||||
// };
|
||||
counter.custom = {
|
||||
container: container,
|
||||
bar: container.querySelector('.progress-linear-bar'),
|
||||
onScroll: (function () {
|
||||
if ((Util.inViewport(this.custom.container) && !this.custom.container.classList.contains('animated')) || isNoviBuilder) {
|
||||
this.run();
|
||||
this.custom.container.classList.add('animated');
|
||||
}
|
||||
}).bind(counter),
|
||||
onBlur: (function () {
|
||||
this.params.to = parseInt(this.params.node.textContent, 10);
|
||||
this.run();
|
||||
}).bind(counter)
|
||||
};
|
||||
|
||||
// if (isNoviBuilder) {
|
||||
// counter.run();
|
||||
// counter.params.node.addEventListener('blur', counter.custom.onBlur);
|
||||
// } else {
|
||||
// counter.custom.onScroll();
|
||||
// document.addEventListener('scroll', counter.custom.onScroll);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
if (isNoviBuilder) {
|
||||
counter.run();
|
||||
counter.params.node.addEventListener('blur', counter.custom.onBlur);
|
||||
} else {
|
||||
counter.custom.onScroll();
|
||||
document.addEventListener('scroll', counter.custom.onScroll);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// // Progress Circle
|
||||
// if (plugins.progressCircle) {
|
||||
// for (var i = 0; i < plugins.progressCircle.length; i++) {
|
||||
// var
|
||||
// container = plugins.progressCircle[i],
|
||||
// counter = aCounter({
|
||||
// node: container.querySelector('.progress-circle-counter'),
|
||||
// duration: 500,
|
||||
// onUpdate: function (value) {
|
||||
// this.custom.bar.render(value * 3.6);
|
||||
// }
|
||||
// });
|
||||
// Progress Circle
|
||||
if (plugins.progressCircle) {
|
||||
for (var i = 0; i < plugins.progressCircle.length; i++) {
|
||||
var
|
||||
container = plugins.progressCircle[i],
|
||||
counter = aCounter({
|
||||
node: container.querySelector('.progress-circle-counter'),
|
||||
duration: 500,
|
||||
onUpdate: function (value) {
|
||||
this.custom.bar.render(value * 3.6);
|
||||
}
|
||||
});
|
||||
|
||||
// counter.params.onComplete = counter.params.onUpdate;
|
||||
counter.params.onComplete = counter.params.onUpdate;
|
||||
|
||||
// counter.custom = {
|
||||
// container: container,
|
||||
// bar: aProgressCircle({ node: container.querySelector('.progress-circle-bar') }),
|
||||
// onScroll: (function () {
|
||||
// if (Util.inViewport(this.custom.container) && !this.custom.container.classList.contains('animated')) {
|
||||
// this.run();
|
||||
// this.custom.container.classList.add('animated');
|
||||
// }
|
||||
// }).bind(counter),
|
||||
// onBlur: (function () {
|
||||
// this.params.to = parseInt(this.params.node.textContent, 10);
|
||||
// this.run();
|
||||
// }).bind(counter)
|
||||
// };
|
||||
counter.custom = {
|
||||
container: container,
|
||||
bar: aProgressCircle({ node: container.querySelector('.progress-circle-bar') }),
|
||||
onScroll: (function () {
|
||||
if (Util.inViewport(this.custom.container) && !this.custom.container.classList.contains('animated')) {
|
||||
this.run();
|
||||
this.custom.container.classList.add('animated');
|
||||
}
|
||||
}).bind(counter),
|
||||
onBlur: (function () {
|
||||
this.params.to = parseInt(this.params.node.textContent, 10);
|
||||
this.run();
|
||||
}).bind(counter)
|
||||
};
|
||||
|
||||
// if (isNoviBuilder) {
|
||||
// counter.run();
|
||||
// counter.params.node.addEventListener('blur', counter.custom.onBlur);
|
||||
// } else {
|
||||
// counter.custom.onScroll();
|
||||
// window.addEventListener('scroll', counter.custom.onScroll);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
if (isNoviBuilder) {
|
||||
counter.run();
|
||||
counter.params.node.addEventListener('blur', counter.custom.onBlur);
|
||||
} else {
|
||||
counter.custom.onScroll();
|
||||
window.addEventListener('scroll', counter.custom.onScroll);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// // Isotope
|
||||
// if (plugins.isotope.length) {
|
||||
// for (var i = 0; i < plugins.isotope.length; i++) {
|
||||
// var
|
||||
// wrap = plugins.isotope[i],
|
||||
// filterHandler = function (event) {
|
||||
// event.preventDefault();
|
||||
// for (var n = 0; n < this.isoGroup.filters.length; n++) this.isoGroup.filters[n].classList.remove('active');
|
||||
// this.classList.add('active');
|
||||
// this.isoGroup.isotope.arrange({ filter: this.getAttribute("data-isotope-filter") !== '*' ? '[data-filter*="' + this.getAttribute("data-isotope-filter") + '"]' : '*' });
|
||||
// },
|
||||
// resizeHandler = function () {
|
||||
// this.isoGroup.isotope.layout();
|
||||
// };
|
||||
// Isotope
|
||||
if (plugins.isotope.length) {
|
||||
for (var i = 0; i < plugins.isotope.length; i++) {
|
||||
var
|
||||
wrap = plugins.isotope[i],
|
||||
filterHandler = function (event) {
|
||||
event.preventDefault();
|
||||
for (var n = 0; n < this.isoGroup.filters.length; n++) this.isoGroup.filters[n].classList.remove('active');
|
||||
this.classList.add('active');
|
||||
this.isoGroup.isotope.arrange({ filter: this.getAttribute("data-isotope-filter") !== '*' ? '[data-filter*="' + this.getAttribute("data-isotope-filter") + '"]' : '*' });
|
||||
},
|
||||
resizeHandler = function () {
|
||||
this.isoGroup.isotope.layout();
|
||||
};
|
||||
|
||||
// wrap.isoGroup = {};
|
||||
// wrap.isoGroup.filters = wrap.querySelectorAll('[data-isotope-filter]');
|
||||
// wrap.isoGroup.node = wrap.querySelector('.isotope');
|
||||
// wrap.isoGroup.layout = wrap.isoGroup.node.getAttribute('data-isotope-layout') ? wrap.isoGroup.node.getAttribute('data-isotope-layout') : 'masonry';
|
||||
// wrap.isoGroup.isotope = new Isotope(wrap.isoGroup.node, {
|
||||
// itemSelector: '.isotope-item',
|
||||
// layoutMode: wrap.isoGroup.layout,
|
||||
// filter: '*',
|
||||
// });
|
||||
wrap.isoGroup = {};
|
||||
wrap.isoGroup.filters = wrap.querySelectorAll('[data-isotope-filter]');
|
||||
wrap.isoGroup.node = wrap.querySelector('.isotope');
|
||||
wrap.isoGroup.layout = wrap.isoGroup.node.getAttribute('data-isotope-layout') ? wrap.isoGroup.node.getAttribute('data-isotope-layout') : 'masonry';
|
||||
wrap.isoGroup.isotope = new Isotope(wrap.isoGroup.node, {
|
||||
itemSelector: '.isotope-item',
|
||||
layoutMode: wrap.isoGroup.layout,
|
||||
filter: '*',
|
||||
});
|
||||
|
||||
// for (var n = 0; n < wrap.isoGroup.filters.length; n++) {
|
||||
// var filter = wrap.isoGroup.filters[n];
|
||||
// filter.isoGroup = wrap.isoGroup;
|
||||
// filter.addEventListener('click', filterHandler);
|
||||
// }
|
||||
for (var n = 0; n < wrap.isoGroup.filters.length; n++) {
|
||||
var filter = wrap.isoGroup.filters[n];
|
||||
filter.isoGroup = wrap.isoGroup;
|
||||
filter.addEventListener('click', filterHandler);
|
||||
}
|
||||
|
||||
// window.addEventListener('resize', resizeHandler.bind(wrap));
|
||||
// }
|
||||
// }
|
||||
window.addEventListener('resize', resizeHandler.bind(wrap));
|
||||
}
|
||||
}
|
||||
|
||||
// // Material Parallax
|
||||
// if (plugins.materialParallax.length) {
|
||||
// if (!isNoviBuilder && !isIE && !isMobile) {
|
||||
// plugins.materialParallax.parallax();
|
||||
// } else {
|
||||
// for (var i = 0; i < plugins.materialParallax.length; i++) {
|
||||
// var $parallax = $(plugins.materialParallax[i]);
|
||||
// Material Parallax
|
||||
if (plugins.materialParallax.length) {
|
||||
if (!isNoviBuilder && !isIE && !isMobile) {
|
||||
plugins.materialParallax.parallax();
|
||||
} else {
|
||||
for (var i = 0; i < plugins.materialParallax.length; i++) {
|
||||
var $parallax = $(plugins.materialParallax[i]);
|
||||
|
||||
// $parallax.addClass('parallax-disabled');
|
||||
// $parallax.css({ "background-image": 'url(' + $parallax.data("parallax-img") + ')' });
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
$parallax.addClass('parallax-disabled');
|
||||
$parallax.css({ "background-image": 'url(' + $parallax.data("parallax-img") + ')' });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// });
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user