JAVASCRIPT   91

subsite.js

Guest on 24th July 2021 06:07:05 AM

  1. function slideshow(){
  2.   if ($('.flexslider').length < 1) return false;
  3.   $('.flexslider').flexslider({
  4.     animation:    "slide",
  5.     pauseOnHover: true,
  6.     slideshow: false,
  7.     //smoothHeight: true,
  8.     //initDelay: 1000,
  9.     directionNav: true      
  10.   });
  11. }
  12.  
  13. $(function() {
  14.     var submenuVisibleMobile = false;
  15.     var pageScrollTop = 0;
  16.     var menuScrollTop = 0;
  17.     var menuChangeSpeed = 200;
  18.  
  19.     $(".scrollFixedHeader").each( function() {
  20.         var cloned = $(this).clone();
  21.         $(this).addClass('original');
  22.         cloned.addClass('cloned');
  23.         cloned.css("display", "none");
  24.         cloned.insertAfter(this);
  25.     });
  26.  
  27.     $("a.pull-menu").click( function() {
  28.         submenuVisibleMobile = !submenuVisibleMobile;
  29.  
  30.         if (submenuVisibleMobile) {
  31.             windowScrollTop = $(window).scrollTop();
  32.             //console.log(windowScrollTop);
  33.             $(".submenuHide").slideUp(menuChangeSpeed);
  34.             $(".submenuVisible").slideDown(menuChangeSpeed);
  35.             //$(window).scrollTop(0);
  36.             setTimeout(function() { $("html, body").animate( {scrollTop: menuScrollTop }, 300); }, menuChangeSpeed);
  37.  
  38.             resizedHandler();
  39.         } else {
  40.             menuScrollTop = $(window).scrollTop();
  41.             setTimeout(function() { $("html, body").animate( {scrollTop: windowScrollTop }, 300); }, menuChangeSpeed);
  42.             $(".submenuHide").slideDown(menuChangeSpeed);
  43.             $(".submenuVisible").slideUp(menuChangeSpeed);
  44.             scrolledEvent();
  45.         }
  46.         $("a.pull-menu img").toggle();
  47.     });
  48.  
  49.     function resizedHandler() {
  50.         if (!$("a.pull-menu").is(":visible")) {   // full screen
  51.             $(".hdrBg.white").before($(".hdrTitleWrap"));
  52.  
  53.             $(".submenuHide").slideDown();
  54.             //$("a.pull-menu img").toggle();
  55.             $(".submenuVisible").slideDown();
  56.             //$(".siteNav").css("display", "table");
  57.             copy.hide();
  58.         } else {   // mobile screen
  59.             $(".hdrBg.white").after($(".hdrTitleWrap"));
  60.  
  61.             if (submenuVisibleMobile) {
  62.                 $(".submenuHide").slideUp();
  63.                 $(".submenuVisible").slideDown();
  64.                 //$(".siteNav").css("display", "block");
  65.             } else {
  66.                 $(".submenuHide").slideDown();
  67.                 $(".submenuVisible").slideUp();
  68.             }
  69.         }        
  70.    
  71.         // social button responsive padding^^
  72.         $(".body-wrap .social-content").each(function(i, el) {
  73.             var socialWidth = $('.hdr', el).width();
  74.             var num = Math.floor(socialWidth / 52); // 52 = 32 + 6*2 + 4*2 - padding 6px
  75.  
  76.             if (num < $('.button-hold', el).length) {
  77.                 $('.button-hold', el).css('padding', (socialWidth/num - 40)/2 + 'px' );
  78.             } else
  79.                 $('.button-hold', el).css('padding', '6px' );
  80.         });
  81.     }
  82.  
  83.     // for responsive state and jquery collision fix
  84.     $(window).resize(function() {
  85.         resizedHandler();
  86.     });
  87.  
  88.     function scrolledEvent(e) {
  89.         if ($("a.pull-menu").is(":visible")) {
  90.             if ($(this).scrollTop() >= wrap.position().top) {
  91.                 //wrap.hide();
  92.                 copy.show();
  93.             } else {
  94.                 //wrap.show();
  95.                 copy.hide();
  96.             }
  97.         }
  98.     }
  99.  
  100.     // fixed menu...
  101.     var wrap = $(".hdrTitleWrap.original");
  102.     var copy = $(".hdrTitleWrap.cloned");
  103.  
  104.     $(window).scroll( function(e) {
  105.         scrolledEvent(e);
  106.     });
  107.     scrolledEvent();
  108.  
  109.     slideshow();
  110.     //resizedHandler();
  111.     // flexslider resize => will call window resize...
  112.     if ($('.flexslider').length > 0)
  113.         setTimeout(function() { $('.flexslider').data('flexslider').resize(); }, menuChangeSpeed);    
  114. });

Raw Paste


Login or Register to edit or fork this paste. It's free.