itsblue-website/themes/quark-hugo/static/js/site.js
2022-02-02 12:02:33 +01:00

62 lines
1.6 KiB
JavaScript
Executable file

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");
}
function parallaxBackground(offset) {
$('.parallax').css('background-positionY', (parseInt(offset) - ($(window).scrollTop() * 0.1)) + '%');
}
jQuery(document).ready(function($){
scrollHeader();
var heroBasePosition = $('#header-hero').css('background-positionY');
// Scroll Events
if (!isTouch){
$(document).scroll(function() {
scrollHeader();
parallaxBackground(heroBasePosition);
});
};
// Touch scroll
$(document).on({
'touchmove': function(e) {
scrollHeader(); // Replace this with your code.
}
});
//Smooth scroll to start
$('#to-start').click(function(){
var start_y = $('#to-start').position().top + $('#to-start').height();
var header_offset = 45;
window.scroll({ top: start_y - header_offset, left: 0, behavior: 'smooth' });
return false;
});
//Smooth scroll to top
$('#to-top').click(function(){
window.scroll({ top: 0, left: 0, behavior: 'smooth' });
return false;
});
// Responsive Menu
$('#toggle').click(function () {
$(this).toggleClass('active');
$('#overlay').toggleClass('open');
$('body').toggleClass('mobile-nav-open');
});
// Tree Menu
$(".tree").treemenu({delay:300, openActive: true});
});