(function($) { "use strict"; // Start of use strict // Smooth scrolling using jQuery easing $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html, body').animate({ scrollTop: (target.offset().top - 70) }, 1000, "easeInOutExpo"); return false; } } }); // Scroll to top button appear $(document).scroll(function() { var scrollDistance = $(this).scrollTop(); if (scrollDistance > 100) { $('.scroll-to-top').fadeIn(); } else { $('.scroll-to-top').fadeOut(); } }); // Closes responsive menu when a scroll trigger link is clicked $('.js-scroll-trigger').click(function() { $('.navbar-collapse').collapse('hide'); }); // Activate scrollspy to add active class to navbar items on scroll $('body').scrollspy({ target: '#mainNav', offset: 80 }); // Collapse Navbar var navbarCollapse = function() { if ($("#mainNav").offset().top > 1) { $("#mainNav").addClass("navbar-shrink"); $('#mainNav').attr('style', 'background-color: white !important; border-bottom: solid 1px #C1C1C1 !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);'); } else { $("#mainNav").removeClass("navbar-shrink"); $('#mainNav').attr('style', 'background-color: transparent !important;'); } }; // Collapse now if page is not at top navbarCollapse(); // Collapse the navbar when page is scrolled $(window).scroll(navbarCollapse); // Modal popup$(function () { $('.portfolio-item').magnificPopup({ type: 'inline', preloader: false, focus: '#username', modal: true }); $(document).on('click', '.portfolio-modal-dismiss', function(e) { e.preventDefault(); $.magnificPopup.close(); }); // Floating label headings for the contact form $(function() { $("body").on("input propertychange", ".floating-label-form-group", function(e) { $(this).toggleClass("floating-label-form-group-with-value", !!$(e.target).val()); }).on("focus", ".floating-label-form-group", function() { $(this).addClass("floating-label-form-group-with-focus"); }).on("blur", ".floating-label-form-group", function() { $(this).removeClass("floating-label-form-group-with-focus"); }); }); //Scroll first arrow $(".js-arrow-scroll").click(function() { $('html, body').animate({ scrollTop: $("#portfolio").offset().top }, 500); }); })(jQuery); // End of use strict