64 lines
1.5 KiB
JavaScript
64 lines
1.5 KiB
JavaScript
|
$(document).ready(function() {
|
||
|
|
|
||
|
|
$(window).scroll(function() {
|
||
|
|
$('.js-inviewport-item').isInViewport({
|
||
|
|
tolerance: 0
|
||
|
|
})
|
||
|
|
.addClass('is-active');
|
||
|
|
});
|
||
|
|
|
||
|
|
var options = {
|
||
|
|
classes: {
|
||
|
|
clone: 'o-header__top--clone',
|
||
|
|
stick: 'is-sticky',
|
||
|
|
unstick: 'is-unsticky'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
if($(window).width() >= 767) {
|
||
|
|
var header = new Headhesive('.js-header', options);
|
||
|
|
}
|
||
|
|
$('.js-navigation-open').on('click', function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
$('.js-navigation-list').addClass('is-active');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.js-navigation-close').on('click', function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
$('.js-navigation-list').removeClass('is-active');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.js-header-keyvisual').addClass('is-active');
|
||
|
|
|
||
|
|
// Popup
|
||
|
|
$('.js-popup').magnificPopup({
|
||
|
|
type: 'inline',
|
||
|
|
preloader: false,
|
||
|
|
focus: '#name',
|
||
|
|
|
||
|
|
// When elemened is focused, some mobile browsers in some cases zoom in
|
||
|
|
// It looks not nice, so we disable it:
|
||
|
|
callbacks: {
|
||
|
|
beforeOpen: function() {
|
||
|
|
if($(window).width() < 700) {
|
||
|
|
this.st.focus = false;
|
||
|
|
} else {
|
||
|
|
this.st.focus = '#name';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Scroll
|
||
|
|
$('.js-anchor-scroll').anchorScroll({
|
||
|
|
scrollSpeed: 800, // scroll speed
|
||
|
|
offsetTop: 100, // offset for fixed top bars (defaults to 0)
|
||
|
|
onScroll: function () {
|
||
|
|
// callback on scroll start
|
||
|
|
},
|
||
|
|
scrollEnd: function () {
|
||
|
|
// callback on scroll end
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|