// JavaScript Document $(window).on('load', function() { "use strict"; /*----------------------------------------------------*/ /* Preloader /*----------------------------------------------------*/ var preloader = $('#loader-wrapper'), loader = preloader.find('.cssload-loader'); loader.fadeOut(); preloader.delay(400).fadeOut('slow'); }); $(window).on('scroll', function() { "use strict"; /*----------------------------------------------------*/ /* Navigtion Menu Scroll /*----------------------------------------------------*/ var b = $(window).scrollTop(); if( b > 80 ){ $(".wsmainfull").addClass("scroll"); } else { $(".wsmainfull").removeClass("scroll"); } }); $(document).ready(function() { "use strict"; /*----------------------------------------------------*/ /* Animated Scroll To Anchor /*----------------------------------------------------*/ $('.header a[href^="#"], #page a.btn[href^="#"]').on('click', function (e) { e.preventDefault(); var target = this.hash, $target = jQuery(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top - 110 // - 200px (nav-height) }, 'slow', 'easeInSine', function () { window.location.hash = '1' + target; }); }); /*----------------------------------------------------*/ /* ScrollUp /*----------------------------------------------------*/ $.scrollUp = function (options) { // Defaults var defaults = { scrollName: 'scrollUp', // Element ID topDistance: 600, // Distance from top before showing element (px) topSpeed: 800, // Speed back to top (ms) animation: 'fade', // Fade, slide, none animationInSpeed: 200, // Animation in speed (ms) animationOutSpeed: 200, // Animation out speed (ms) scrollText: '', // Text for element scrollImg: false, // Set true to use image activeOverlay: false // Set CSS color to display scrollUp active point, e.g '#00FFFF' }; var o = $.extend({}, defaults, options), scrollId = '#' + o.scrollName; // Create element $('', { id: o.scrollName, href: '#top', title: o.scrollText }).appendTo('body'); // If not using an image display text if (!o.scrollImg) { $(scrollId).text(o.scrollText); } // Minium CSS to make the magic happen $(scrollId).css({'display':'none','position': 'fixed','z-index': '2147483647'}); // Active point overlay if (o.activeOverlay) { $("body").append("
"); $(scrollId+"-active").css({ 'position': 'absolute', 'top': o.topDistance+'px', 'width': '100%', 'border-top': '1px dotted '+o.activeOverlay, 'z-index': '2147483647' }); } // Scroll function $(window).on('scroll', function(){ switch (o.animation) { case "fade": $( ($(window).scrollTop() > o.topDistance) ? $(scrollId).fadeIn(o.animationInSpeed) : $(scrollId).fadeOut(o.animationOutSpeed) ); break; case "slide": $( ($(window).scrollTop() > o.topDistance) ? $(scrollId).slideDown(o.animationInSpeed) : $(scrollId).slideUp(o.animationOutSpeed) ); break; default: $( ($(window).scrollTop() > o.topDistance) ? $(scrollId).show(0) : $(scrollId).hide(0) ); } }); // To the top $(scrollId).on('click', function(event){ $('html, body').animate({scrollTop:0}, o.topSpeed); event.preventDefault(); }); }; $.scrollUp(); /*----------------------------------------------------*/ /* Inner Pages Rotator /*----------------------------------------------------*/ var owl = $('.ipages-holder'); owl.owlCarousel({ items: 4, loop:true, autoplay:true, navBy: 1, autoplayTimeout: 3000, autoplayHoverPause: false, smartSpeed: 2500, responsive:{ 0:{ items:1 }, 767:{ items:2 }, 768:{ items:2 }, 991:{ items:3 }, 1000:{ items:4 }, 1441:{ items:4 } } }); });