// Animate on scroll AOS.init({ once: false } ); // owlcarousel $('.owl-carousel.owl-homepage').owlCarousel({ items:1, center:true, nav:false, pullDrag:false, touchDrag:false, mouseDrag: false, autoplay:true, autoplayTimeout:10000, autoplayHoverPause:false, smartSpeed: 10000, dotsSpeed: 10000, dragEndSpeed: 10000, animateOut: 'fadeOut', animateIn: 'fadeIn' }) //parallax scroll $(window).on("load scroll", function() { var parallaxElement = $(".parallax_scroll"), parallaxQuantity = parallaxElement.length; window.requestAnimationFrame(function() { for (var i = 0; i < parallaxQuantity; i++) { var currentElement = parallaxElement.eq(i), windowTop = $(window).scrollTop(), elementTop = currentElement.offset().top, elementHeight = currentElement.height(), viewPortHeight = window.innerHeight * 0.8 - elementHeight * 0.1, scrolled = windowTop - elementTop + viewPortHeight; currentElement.css({ transform: "translate3d(0," + scrolled * -0.15 + "px, 0)" }); } }); }); // Navbar color $(function () { $(document).scroll(function () { var $nav = $(".navbar-fixed-top"); $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height()); //closeNav(); }); }); function openNav() { document.getElementById("myNav").style.width = "100%"; document.getElementById("myNav").style.height = "100%"; } function closeNav() { document.getElementById("myNav").style.width = "0%"; document.getElementById("myNav").style.height = "0%"; } function checkOffset() { //if($('.icon-info').offset().top + $('#social-float').height() >= $('footer').offset().top - 10) $('.icon-info').addClass( "" ); if($(document).scrollTop() + window.innerHeight < $('footer').offset().top) $('.icon-info').removeClass( "" ); // restore when you scroll up } $(document).scroll(function() { checkOffset(); });