122 lines
2.9 KiB
JavaScript
122 lines
2.9 KiB
JavaScript
var isTouch = window.DocumentTouch && document instanceof DocumentTouch;
|
|
|
|
function scrollHeader() {
|
|
// Has scrolled class on header
|
|
var zvalue = $(document).scrollTop();
|
|
if ( zvalue > 75 )
|
|
$("#header").addClass("scrolled");
|
|
else
|
|
$("#header").removeClass("scrolled");
|
|
}
|
|
|
|
// Souligné horizontal sur titre block
|
|
//
|
|
//
|
|
// var title = $(document).querySelectorAll("h1");
|
|
// var start = (document).querySelectorAll(".after-h1");
|
|
// // var finish = document.querySelectorAll(".after-h1-finish")
|
|
// function isInView(event, visible) {
|
|
// if title(visible == true) {
|
|
// console.log("je te vois");
|
|
// }
|
|
// else {
|
|
// console.log("je ne te vois pas");
|
|
// }
|
|
// };
|
|
|
|
|
|
jQuery(document).ready(function($){
|
|
|
|
|
|
// jQuery('.your-class-here').one('inview', function (event, visible) {
|
|
// if (visible == true) {
|
|
// //Enjoy !
|
|
// }
|
|
// });
|
|
|
|
|
|
|
|
// ON SCROLL EVENTS
|
|
if (!isTouch){
|
|
$(document).scroll(function() {
|
|
scrollHeader();
|
|
});
|
|
};
|
|
|
|
// TOUCH SCROLL
|
|
$(document).on({
|
|
'touchmove': function(e) {
|
|
scrollHeader(); // Replace this with your code.
|
|
}
|
|
});
|
|
|
|
//Smooth scroll to top
|
|
$('#toTop').click(function(){
|
|
$("html, body").animate({ scrollTop: 0 }, 500);
|
|
return false;
|
|
});
|
|
// Responsive Menu
|
|
|
|
// POPIN Biographies
|
|
|
|
$(".bouton").click(function(event){
|
|
console.log(event);
|
|
//
|
|
var mods = document.querySelectorAll('.modal');
|
|
mods.forEach((m, i) => {
|
|
m.classList.remove('open')
|
|
});
|
|
//
|
|
var btn = event.currentTarget;
|
|
console.log('btn', btn);
|
|
var mod = btn.parentNode.querySelector('.modal');
|
|
mod.classList.add('open')
|
|
|
|
});
|
|
|
|
$(".modal .mask, .modal a.close").click(function(event){
|
|
$ (".modal").removeClass("open");
|
|
return false;
|
|
});
|
|
|
|
|
|
// Animate on scroll
|
|
$(function() {
|
|
|
|
var $window = $(window),
|
|
win_height_padded = $window.height() * 1.1,
|
|
isTouch = Modernizr.touch;
|
|
|
|
if (isTouch) { $('.after-h1').addClass('animated'); }
|
|
|
|
$window.on('scroll', revealOnScroll);
|
|
|
|
function revealOnScroll() {
|
|
var scrolled = $window.scrollTop(),
|
|
win_height_padded = $window.height() * 1.1;
|
|
|
|
// Show...
|
|
$(".after-h1:not(.animated)").each(function () {
|
|
var $this = $(this),
|
|
offsetTop = $this.offset().top;
|
|
|
|
if (scrolled + win_height_padded > offsetTop) {
|
|
if ($this.data('timeout')) {
|
|
window.setTimeout(function(){
|
|
$this.addClass('animated ' + $this.data('animation'));
|
|
}, parseInt($this.data('timeout'),10));
|
|
} else {
|
|
$this.addClass('animated ' + $this.data('animation'));
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
revealOnScroll();
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|