https://www.sushinomidori.co.jp/js/top.js

1$(function(){
2	"use strict";
3	var getDevice = (function(){
4		var ua = navigator.userAgent;
5		if(ua.indexOf('iPhone') > 0 || ua.indexOf('iPod') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0){
6			return 'sp';
7		}else if(ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0){
8			return 'tab';
9		}else{
10			return 'other';
11		}
12	})();
13	let obj = {
14		init : function(){
15			this.Slick();
16			this.Top_vis_nv();
17			var box = $('.sp_hd_wrap');
18			box.hide();
19			var ww = jQuery('body').width();
20			if (ww < 768) {
21
22
23				$(window).scroll(function () {
24						let vh = document.getElementById("video-js_html5_api").clientHeight;
25						var box = $('.sp_hd_wrap');
26
27						if ($(this).scrollTop() > vh * 0.8) {
28							box.show();
29							$("body").addClass("under");
30							document.querySelector(".for_sp.sp.ff_min").style.opacity = 0;
31						} else {
32							$("body").css("padding-top", 0);
33							box.hide();
34							$("body").removeClass("under");
35							document.querySelector(".for_sp.sp.ff_min").style.opacity = "";
36						}
37				});
38			}
39		},
40		Slick : function(){
41			if( getDevice == 'other' || getDevice == 'tab' || getDevice == 'sp' ){
42			$('.slider').slick({
43				autoplay: false,
44				infinite: true,
45				slidesToShow: 3,
46				slidesToScroll: 3,
47				prevArrow: '<div class="slick-prev"></div>',
48				nextArrow: '<div class="slick-next"></div>',
49			});
50			}
51		},
52		Top_vis_nv : function(){
53			$(function () {
54				var thisOffset = $('.video_wrapper').offset().top + $('.video_wrapper').innerHeight();            $(window).on(
55					'scroll',
56					function () {
57                    if ( $(window).scrollTop() > thisOffset) {
58                        console.log($(this).scrollTop());
59                        box.fadeIn();
60                    } else {
61                        console.log('fede out1');
62                        box.fadeOut();
63                    }
64                });
65			});
66		},
67
68	};
69
70	obj.init();
71
72});