sticky

achievement-official.conohawing.com/assets/js/functions.js

@@ -213,8 +213,13 @@ $(function () {
 
    function scrollFixed() {
     var offsetY = $(this).scrollTop(),
-     offsetX = $(this).scrollLeft(),
-     heightOfHeader = $('.header').height();
+     offsetX = $(this).scrollLeft();
+    var ua = navigator.userAgent;
+    if (ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
+     heightOfHeader = 100;
+    } else {
+     heightOfHeader = 50;
+    }
     tableOffsetTop = $this.offset().top - heightOfHeader,
      tableOffsetBottom = tableOffsetTop + $this.height() - $this.find("thead").height(),
      tableOffsetLeft = $this.offset().left;
@@ -224,7 +229,9 @@ $(function () {
      $t_fixed.show();
     $t_fixed.css({
      "left": tableOffsetLeft - offsetX + "px",
-     "top": heightOfHeader
+     "top": heightOfHeader,
+     "position": "sticky",
+     "z-index": 2
     });
    }
 

achievement-official.conohawing.com/assets/js/functions.min.js

-if($(function(){var e=function(){return{option:".c-nav-menu1 li",init:function(){var e=$(this.option),t=this;$(document).off("mouseenter.megaMenuOpen"),$(document).on("mouseenter.megaMenuOpen",this.option,function(){var n=$(this).data("target");return n||($(".c-nav2").hide(),e.removeClass("is-open")),!n||$(this).hasClass("is-open")?!1:(e.removeClass("is-open"),$(this).addClass("is-open"),$(".c-nav2").hide(),$(".c-nav2-"+n).fadeIn("normal"),$(document).off("mouseenter.megaMenuClose"),void t.menuClose())})},menuClose:function(){var e=$(this.option);$(document).on("mouseenter.megaMenuClose","div",function(t){$(t.target).hasClass("c-nav1")||$(t.target).parents(".c-nav")[0]||$(t.target).parents(".c-nav2")[0]||$(t.target).hasClass("c-nav2")||($(".c-nav2").hide(),$(".bg-nav").remove(),e.removeClass("is-open"),$(document).off("mouseenter.megaMenuClose"))})},destroy:function(){$(document).off("mouseenter.megaMenuOpen")}}}();e.init()}),$(window).on("load resize",function(){$(window).width()<=767?($(".menu-icon").off("click").on("click",function(){$(this).toggleClass("is-active"),$(this).parent().next().next().slideToggle()}),$(".nav-sp .c-nav-link1").off("click").on("click",function(){$(this).hasClass("open")?($(this).removeClass("open"),$(this).next().slideToggle()):($(this).addClass("open"),$(this).next().slideToggle())}),$(".c-footer__list >li > .showSp").off("click").on("click",function(e){e.preventDefault(),$(this).next(".c-footer__listsub").slideToggle()}),$(".c-nav2").removeAttr("style")):($(".menu-icon").off("click"),$(".menu-icon").removeClass("is-active"),$(".nav-sp").removeAttr("style"),$(".nav-sp .c-nav-link1").off("click"),$(".nav-sp .c-navSP").removeAttr("style"),$(".c-footer__list >li > .showSp").off("click"),$(".c-footer__listsub").removeAttr("style"))}),$(".c-toTop").length){var scrollTrigger=10,backToTop=function(){var e=$(window).scrollTop();e>scrollTrigger?$(".c-toTop").fadeIn():$(".c-toTop").fadeOut()};backToTop(),$(window).on("scroll",function(){backToTop()}),$(".c-toTop").on("click",function(e){e.preventDefault(),$("html,body").animate({scrollTop:0},400)})}jQuery(document).ready(function(){$(".box-video").click(function(){$("iframe",this)[0].src+="&amp;autoplay=1",$(this).addClass("open")})}),$(function(){$(".tab").click(function(){$(".is-active").removeClass("is-active"),$(this).addClass("is-active"),$(".is-show").removeClass("is-show");const e=$(this).index();$(".tabCont").eq(e).addClass("is-show"),$(window).scroll()})}),$(function(){$("a.btn--stop ,.reserveStop a").click(function(){return!1})}),$(function(){var e=navigator.userAgent;if(e.indexOf("iPhone")>0||e.indexOf("Android")>0&&e.indexOf("Mobile")>0);else{var t=$(window),o=$("header").clone().addClass("fixed-nav").appendTo("body"),n="is-show";t.on("load scroll",function(){var e=$(this).scrollTop();e>300?o.addClass(n):o.removeClass(n)})}var i=50,s=100;$("a[href^=#]").click(function(){var e=navigator.userAgent;if(e.indexOf("iPhone")>0||e.indexOf("Android")>0&&e.indexOf("Mobile")>0){var t=$(this).attr("href"),o=$("#"==t||""==t?"html":t),n=o.offset().top-s;return $("html, body").animate({scrollTop:n},500,"swing"),!1}var t=$(this).attr("href"),o=$("#"==t||""==t?"html":t),n=o.offset().top-i;return $("html, body").animate({scrollTop:n},500,"swing"),!1}),$(".sv").on("mouseover",function(){$(this).addClass("c-nav-sab-active")}),$(".sv").on("mouseout",function(){$(this).removeClass("c-nav-sab-active")})}),function(e){e.fn.fixMe=function(){return this.each(function(){function n(){o=t.clone(),o.find("tbody").remove().end().addClass("fixed").insertBefore(t),i()}function i(){o.width(t.outerWidth()),o.find("th").each(function(o){e(this).css("width",t.find("th").eq(o).outerWidth()+"px")})}function s(){var n=e(this).scrollTop(),i=e(this).scrollLeft(),s=e(".header").height();tableOffsetTop=t.offset().top-s,tableOffsetBottom=tableOffsetTop+t.height()-t.find("thead").height(),tableOffsetLeft=t.offset().left,tableOffsetTop>n||n>tableOffsetBottom?o.hide():n>=tableOffsetTop&&tableOffsetBottom>=n&&o.is(":hidden")&&o.show(),o.css({left:tableOffsetLeft-i+"px",top:s})}var o,t=e(this);e(window).resize(i),e(window).scroll(s),n()})}}(jQuery),$(window).on("load",function(){screen.width>767&&$(".schedule-table").fixMe()}),jQuery(window).load(function(){function e(){$("#seminar").trigger("click"),jQuery("html, body").animate({scrollTop:0},0)}""!=window.location.hash&&e(window.location.hash.substr(1))}),$(function(){$(".page-schedule .c-nav-link1, .c-footer__list li a").on("click",function(){$("#seminar").trigger("click")}),$(".search__input").submit(function(e){e.preventDefault()})});
\ No newline at end of file
+if($(function(){var e=function(){return{option:".c-nav-menu1 li",init:function(){var e=$(this.option),t=this;$(document).off("mouseenter.megaMenuOpen"),$(document).on("mouseenter.megaMenuOpen",this.option,function(){var i=$(this).data("target");return i||($(".c-nav2").hide(),e.removeClass("is-open")),!i||$(this).hasClass("is-open")?!1:(e.removeClass("is-open"),$(this).addClass("is-open"),$(".c-nav2").hide(),$(".c-nav2-"+i).fadeIn("normal"),$(document).off("mouseenter.megaMenuClose"),void t.menuClose())})},menuClose:function(){var e=$(this.option);$(document).on("mouseenter.megaMenuClose","div",function(t){$(t.target).hasClass("c-nav1")||$(t.target).parents(".c-nav")[0]||$(t.target).parents(".c-nav2")[0]||$(t.target).hasClass("c-nav2")||($(".c-nav2").hide(),$(".bg-nav").remove(),e.removeClass("is-open"),$(document).off("mouseenter.megaMenuClose"))})},destroy:function(){$(document).off("mouseenter.megaMenuOpen")}}}();e.init()}),$(window).on("load resize",function(){$(window).width()<=767?($(".menu-icon").off("click").on("click",function(){$(this).toggleClass("is-active"),$(this).parent().next().next().slideToggle()}),$(".nav-sp .c-nav-link1").off("click").on("click",function(){$(this).hasClass("open")?($(this).removeClass("open"),$(this).next().slideToggle()):($(this).addClass("open"),$(this).next().slideToggle())}),$(".c-footer__list >li > .showSp").off("click").on("click",function(e){e.preventDefault(),$(this).next(".c-footer__listsub").slideToggle()}),$(".c-nav2").removeAttr("style")):($(".menu-icon").off("click"),$(".menu-icon").removeClass("is-active"),$(".nav-sp").removeAttr("style"),$(".nav-sp .c-nav-link1").off("click"),$(".nav-sp .c-navSP").removeAttr("style"),$(".c-footer__list >li > .showSp").off("click"),$(".c-footer__listsub").removeAttr("style"))}),$(".c-toTop").length){var scrollTrigger=10,backToTop=function(){var e=$(window).scrollTop();e>scrollTrigger?$(".c-toTop").fadeIn():$(".c-toTop").fadeOut()};backToTop(),$(window).on("scroll",function(){backToTop()}),$(".c-toTop").on("click",function(e){e.preventDefault(),$("html,body").animate({scrollTop:0},400)})}jQuery(document).ready(function(){$(".box-video").click(function(){$("iframe",this)[0].src+="&amp;autoplay=1",$(this).addClass("open")})}),$(function(){$(".tab").click(function(){$(".is-active").removeClass("is-active"),$(this).addClass("is-active"),$(".is-show").removeClass("is-show");const e=$(this).index();$(".tabCont").eq(e).addClass("is-show"),$(window).scroll()})}),$(function(){$("a.btn--stop ,.reserveStop a").click(function(){return!1})}),$(function(){var e=navigator.userAgent;if(e.indexOf("iPhone")>0||e.indexOf("Android")>0&&e.indexOf("Mobile")>0);else{var t=$(window),n=$("header").clone().addClass("fixed-nav").appendTo("body"),i="is-show";t.on("load scroll",function(){var e=$(this).scrollTop();e>300?n.addClass(i):n.removeClass(i)})}var o=50,r=100;$("a[href^=#]").click(function(){var e=navigator.userAgent;if(e.indexOf("iPhone")>0||e.indexOf("Android")>0&&e.indexOf("Mobile")>0){var t=$(this).attr("href"),n=$("#"==t||""==t?"html":t),i=n.offset().top-r;return $("html, body").animate({scrollTop:i},500,"swing"),!1}var t=$(this).attr("href"),n=$("#"==t||""==t?"html":t),i=n.offset().top-o;return $("html, body").animate({scrollTop:i},500,"swing"),!1}),$(".sv").on("mouseover",function(){$(this).addClass("c-nav-sab-active")}),$(".sv").on("mouseout",function(){$(this).removeClass("c-nav-sab-active")})}),function(e){e.fn.fixMe=function(){return this.each(function(){function i(){n=t.clone(),n.find("tbody").remove().end().addClass("fixed").insertBefore(t),o()}function o(){n.width(t.outerWidth()),n.find("th").each(function(n){e(this).css("width",t.find("th").eq(n).outerWidth()+"px")})}function r(){var i=e(this).scrollTop(),o=e(this).scrollLeft(),r=navigator.userAgent;heightOfHeader=r.indexOf("iPhone")>0||r.indexOf("Android")>0&&r.indexOf("Mobile")>0?100:50,tableOffsetTop=t.offset().top-heightOfHeader,tableOffsetBottom=tableOffsetTop+t.height()-t.find("thead").height(),tableOffsetLeft=t.offset().left,tableOffsetTop>i||i>tableOffsetBottom?n.hide():i>=tableOffsetTop&&tableOffsetBottom>=i&&n.is(":hidden")&&n.show(),n.css({left:tableOffsetLeft-o+"px",top:heightOfHeader,position:"sticky","z-index":2})}var n,t=e(this);e(window).resize(o),e(window).scroll(r),i()})}}(jQuery),$(window).on("load",function(){screen.width>767&&$(".schedule-table").fixMe()}),jQuery(window).load(function(){function e(){$("#seminar").trigger("click"),jQuery("html, body").animate({scrollTop:0},0)}""!=window.location.hash&&e(window.location.hash.substr(1))}),$(function(){$(".page-schedule .c-nav-link1, .c-footer__list li a").on("click",function(){$("#seminar").trigger("click")}),$(".search__input").submit(function(e){e.preventDefault()})});
\ No newline at end of file