https://sp.macour.jp/s/site/nav/assets/scripts/nav.js?v=2022111001jDQc6a0b

1
2function setMenuActiveColor(){
3  let addr = new URL(document.location.href);
4  var headerTab = document.getElementsByClassName('global-header');
5  if (headerTab) {
6    for(var i=0; i < headerTab.length; i++) {
7      if (headerTab[i].style.display != "none") {
8        var ul = headerTab[i].querySelector('.header-menu_tab-inner');
9        if (ul) {
10          for (var i = 0; i < ul.children.length; i++) {
11            let item = ul.children[i];
12            if (item.children[0].attributes.href != undefined) {
13              let itemLink = item.children[0].attributes.href.value || null;
14              if (itemLink) {
15                let itemURL = new URL(itemLink);
16                if (addr.pathname == itemURL.pathname) {
17                    item.classList.add('is-checked');
18                }
19              }
20            }
21          }
22        }
23      }
24    }
25  }
26}
27
28var ulOffsetX = 0;
29var ul;
30var isDrag = false;
31var removeDrag = false;
32
33function createDragDiv(){
34
35    var div = document.createElement('div');
36    div.id = 'drag_div';
37    div.style.cssText = "position:absolute;width:100%;height:100%;"
38                          + "z-index:1000;opacity:0.0;";
39    ///console.log(div);
40    isDrag = true;
41
42    return div;
43}
44
45function mouseMove(event) {
46//movePosition(event.pageX, event.pageY);
47  //console.log('X' + event.pageX + "  Y:" + event.pageY);
48  ul.scrollLeft = Math.ceil(ul.scrollLeft) - (event.pageX - ulOffsetX) / 20;
49  if(isDrag == false){
50    ul.appendChild(createDragDiv());
51  }
52
53  if(removeDrag){
54	removeDrag = false;
55	isDrag = false;
56                var childnode = document.getElementById('drag_div');
57                if(childnode != null){
58                  childnode.remove();
59                }
60	document.removeEventListener('mousemove',mouseMove);
61  }
62}
63
64function hideScrollArrow(){
65  var headerTab = document.getElementsByClassName('global-header');
66  if (headerTab) {
67    for (var i=0;i<headerTab.length;i++) {
68      if (headerTab[i].style.display != "none") {
69        ul = headerTab[i].querySelector('.header-menu_tab-inner');
70	if(ul == undefined) break;
71
72        var btn = headerTab[i].querySelector(".next-btn");
73	ul.addEventListener('mousedown',function(event){
74		ulOffsetX = event.pageX;
75		removeDrag = false;
76		document.addEventListener('mousemove', mouseMove);
77	});
78	document.addEventListener('mouseup',function(){
79		removeDrag = true;
80		var childnode = document.getElementById('drag_div');
81		if(childnode != null){
82		  childnode.remove();
83		}
84
85		isDrag = false;
86		//document.removeEventListener('mousemove',mouseMove);
87	});
88
89	/*
90	btn.addEventListener('click',event =>{
91	
92		if(Math.ceil(ul.scrollLeft) < ul.scrollWidth - ul.clientWidth ) {
93			ul.scrollLeft = Math.ceil(ul.scrollLeft) + 10;
94		}
95
96		console.log("click:" + ul.scrollLeft);
97	});
98	*/
99
100        ul.addEventListener('scroll', event => {
101          const e = event.target;
102          if(Math.ceil(e.scrollLeft) >= e.scrollWidth - e.clientWidth ) {
103            btn.style.display="none";
104          }
105          else {
106            btn.style.display="block";
107          }
108        });
109        break;
110      }
111    }
112  }
113}
114window.onload = function() {
115  //globalメニューのactive項目にischeckedをつける
116  setMenuActiveColor();
117  //globalメニューの右▷の制御
118  hideScrollArrow();
119};
120