45f59f578b
- updated to 0.4.0 - corrected license for npm - update to gulp 4 - updated all dependencies - new and removed packages, see `package.json` - changed file structure, renamed `pages` to `screen` and new `data` folder - complete change of `gulpfile.js` with similar output
60 lines
1.6 KiB
JavaScript
60 lines
1.6 KiB
JavaScript
"use strict";
|
|
|
|
function setup() {
|
|
console.log('\n', hippie_brand, '\n\n');
|
|
console.info('Debug information:\n\nHTML height is', html_height, '\nBODY height is', body_height, '\nVIEW height is', view_height);
|
|
|
|
if($('#js_tph').length && full_view_hover) {
|
|
// $('body').prepend("<div id=\"js_tph\" class=\"layer__hover hover_full_view_change\"></div>");
|
|
$('#js_tph').addClass("hover_full_view_change");
|
|
}
|
|
}
|
|
|
|
// get document coordinates of the element
|
|
// function getCoords(elem) {
|
|
// let box = elem.getBoundingClientRect();
|
|
//
|
|
// return {
|
|
// top: box.top + pageYOffset,
|
|
// left: box.left + pageXOffset
|
|
// };
|
|
// }
|
|
|
|
// https://stackoverflow.com/a/488073/1444149
|
|
function Utils() {}
|
|
|
|
Utils.prototype = {
|
|
constructor: Utils,
|
|
isElementInView: function (element, fullyInView) {
|
|
var pageTop = $(window).scrollTop();
|
|
var pageBottom = pageTop + $(window).height();
|
|
var elementTop = $(element).offset().top;
|
|
var elementBottom = elementTop + $(element).height();
|
|
|
|
if (fullyInView === true) {
|
|
return ((pageTop < elementTop) && (pageBottom > elementBottom));
|
|
} else {
|
|
return ((elementTop <= pageBottom) && (elementBottom >= pageTop));
|
|
}
|
|
}
|
|
};
|
|
|
|
var Utils = new Utils();
|
|
|
|
// TEST
|
|
|
|
function scrollNav() {
|
|
$('.nav a').click(function(){
|
|
//Toggle Class
|
|
$(".active").removeClass("active");
|
|
$(this).closest('li').addClass("active");
|
|
var theClass = $(this).attr("class");
|
|
$('.'+theClass).parent('li').addClass('active');
|
|
//Animate
|
|
$('html, body').stop().animate({
|
|
scrollTop: $( $(this).attr('href') ).offset().top - 160
|
|
}, 400);
|
|
return false;
|
|
});
|
|
$('.scrollTop a').scrollTop();
|
|
}
|