かるーせうのインジケータを固定に調整

recruit/assets/css/style.css

@@ -856,4 +856,9 @@ transition: opacity 0.6s ease;
 
 }
 
-
+/* carousel fix */
+.js-fix.is-fixed {
+ position: sticky;
+ top: 100px;
+ width: 100%;
+}
\ No newline at end of file

recruit/assets/js/common.js

@@ -2937,6 +2937,69 @@ $(function () {
   }, 800);
  }, 1500);
 
+ /*
+  var $indiTop = $(".carousel-indicators-top").children("li");
+  var $indiBtm = $(".carousel-indicators-btm").children("li");
+  $indiBtm.on("click", function () {
+   var index = $indiBtm.index(this);
+   for (var i = 0; i < $indiBtm.length; i++) {
+    if (i !== index) {
+     $($indiBtm[i]).removeClass("active");
+    } else {
+     $($indiBtm[i]).addClass("active");
+    }
+   }
+  });
+  $indiTop.on("click", function () {
+   var index = $indiTop.index(this);
+   for (var j = 0; j < $indiTop.length; j++) {
+    if (j !== index) {
+     $($indiBtm[j]).removeClass("active");
+    } else {
+     $($indiBtm[j]).addClass("active");
+    }
+   }
+  });
+  $(".carousel-control-prev-icon").on("click", function () {
+   for (var i = 0; i < $indiTop.length; i++) {
+    if ($($indiTop[i]).hasClass("active")) {
+     if (i == 0) {
+      $($indiBtm[0]).removeClass("active");
+      $($indiBtm[1]).removeClass("active");
+      $($indiBtm[2]).addClass("active");
+     } else if (i == 1) {
+      $($indiBtm[0]).addClass("active");
+      $($indiBtm[1]).removeClass("active");
+      $($indiBtm[2]).removeClass("active");
+     } else if (i == 2) {
+      $($indiBtm[0]).removeClass("active");
+      $($indiBtm[1]).addClass("active");
+      $($indiBtm[2]).removeClass("active");
+     }
+    }
+   }
+  });
+  $(".carousel-control-next-icon").on("click", function () {
+   for (var i = 0; i < $indiTop.length; i++) {
+    if ($($indiTop[i]).hasClass("active")) {
+     if (i == 0) {
+      $($indiBtm[0]).removeClass("active");
+      $($indiBtm[1]).addClass("active");
+      $($indiBtm[2]).removeClass("active");
+     } else if (i == 1) {
+      $($indiBtm[0]).removeClass("active");
+      $($indiBtm[1]).removeClass("active");
+      $($indiBtm[2]).addClass("active");
+     } else if (i == 2) {
+      $($indiBtm[0]).addClass("active");
+      $($indiBtm[1]).removeClass("active");
+      $($indiBtm[2]).removeClass("active");
+     }
+    }
+   }
+  });
+  */
+
 });
 
 // header固定
@@ -2983,3 +3046,33 @@ window.WebFontConfig = {
 
 // AOS
 AOS.init();
+
+$(window).on('load scroll', function () {
+ fix_element();
+});
+
+function fix_element() {
+ // 固定配置に使用する要素
+ var $fixWrapper = $('.js-fix-wrapper');
+ var $fix = $('.js-fix');
+ var $fixArea = $('.js-fix-area');
+
+ // 要素がある場合のみ処理
+ if ($fixWrapper.length && $fix.length && $fixArea.length) {
+  var fixTop = $fixWrapper.offset().top;
+  var fixEnd = $fixArea.offset().top + $fixArea.height();
+  var fixHeight = $fix.height();
+  var winScroll = $(window).scrollTop();
+  var winheight = $(window).height();
+  // 開始位置を通過する前
+  if (winScroll < fixTop) {
+   $fix.removeClass('is-fixed');
+   // 終了位置を通過した後
+  } else if (winScroll > fixEnd - fixHeight) {
+   $fix.removeClass('is-fixed');
+   // 対象範囲内の場合
+  } else {
+   $fix.addClass('is-fixed');
+  }
+ }
+}