https://www.musiclifeclub.com/usr-data/template/music-life-club-side_2026_27/js/skin.js

1(function($){
2/**
3 * ローカルナビプルダウンメニュー
4 */
5$(function(){
6  if($("#unitmenu").length) return;
7  j$("#globalNaviArea ul > img").imagesLoaded(function(){
8    j$("#globalNaviArea ul li ul").each(function(){
9      var p = j$(this).parent();
10      var t = p.outerHeight();
11      var self=this;
12      var maxw=0;
13      
14      var onEnter=function(e){
15        j$(self).stop(true).show().animate({height: j$(self).data('defH'), opacity: 1}, 200);
16      }
17      
18      var onLeave=function(e){
19        j$(self).stop(true).animate({height:0, opacity:0}, 200, function(){
20          j$(self).hide();
21        });
22      }
23      
24      j$(this).find('li>a').each(function(){
25        var imgw=$(this).find("img").outerWidth(true);
26        var txtw=$(this).find(">span").outerWidth(true);
27        maxw=Math.max(maxw, txtw+imgw+1);
28      }).width(maxw);
29
30      if(!j$(self).data('defH')){
31        j$(self).data('defH', j$(self).height());
32      }      
33      p.off('mouseenter', onEnter).on('mouseenter', onEnter);
34      p.off('mouseleave', onLeave).on('mouseleave', onLeave);
35      j$(self).css({visibility: 'visible', display:'none', height: 0, opacity: 0, top: t});
36    });
37  });
38});
39
40/**
41 * ページトップ&フェード
42 */
43$("p#pagetop").bScroller({duration: 1000});
44
45/**
46 * ページアンカー固定
47 */
48setTimeout(function(){
49  // if($("#fixedArea").length){
50  //   $("#fixedArea").bFixer({range:[~~$("#coverAreaSection").outerHeight(), null], attachMargin:true, In: { css: {top:~~$("#unitmenu").outerHeight(), zIndex: 100} }});
51  //   //カバーエリア可変用
52  //   $(window).on("load resize", function(){
53  //       setTimeout(function(){
54  //           $("#fixedArea").data("bFixerOption").range[0]=~~$("#coverAreaSection").outerHeight()
55  //       }, 200);
56  //   });
57  // }
58}, 100);
59
60/**
61* メニューホバー処理
62*/
63$("#globalNaviAreaSection").find(".bhover").bHover();
64
65/**
66 * アンケーユニット対応
67 */
68 if(0 < $(".bAnchorSide").length) {
69    $(".bAnchorSide").find('a').on('click', function(e){
70        e.preventDefault();
71        e.stopPropagation();
72        var ease = $(this).parents('.bAnchorSide').data('easing');
73        var speed = $(this).parents('.bAnchorSide').data('speed');
74        var t = this.href.split('#')[1];
75        bMainScroll($('#'+t).offset().top, speed, ease||null, null, $("#fixedArea").outerHeight());
76    });
77 }
78 
79 if(0 < $(".bAnchor").length) {
80    $(".bAnchor").find('a').on('click', function(e){
81        e.preventDefault();
82        e.stopPropagation();
83        var ease = $(this).parents('.bAnchor').data('easing');
84        var speed = $(this).parents('.bAnchor').data('speed');
85        var t = this.href.split('#')[1];
86        bMainScroll($('#'+t).offset().top, speed, ease||null, null, $("#fixedArea").outerHeight());
87    });
88 }
89 
90/**
91 * animate.css用。テスト
92 */
93if(j$("#items").length==0){
94    j$("[class*=attach_anim]").addClass("anim");
95    j$("[class*=attach_anim]").on("inview", function(e, view){
96        if(view && j$(this).hasClass("attach_anim")) {
97            var match = j$(this).attr('class').match(/(attach_[a-zA-Z]+)/g);
98            if(match) {
99                for(var i = 0; i < match.length; i++) {
100                    j$(this).addClass(match[i].replace('attach_', ''));
101                }
102                j$(this).addClass('animated');
103            }
104        }
105    });
106}
107
108/**
109 * ミニヘッダー
110 */
111$(window).on('scroll', function() {
112    if($("#headerAreaSection").outerHeight()+$("#globalNaviAreaSection").outerHeight() <  $(this).scrollTop() ) {
113        if(!$("#fixedArea").hasClass("show")) {
114            $("#fixedArea").addClass("show");
115            setTimeout(function(){
116                $("#fixedArea").css({opacity: 1});
117            }, 10);
118        }
119    } else {
120        if($("#fixedArea").hasClass("show")) {
121            $('#fixedArea').removeClass("show");
122            $("#fixedArea").css({opacity: 0});
123        }
124    }
125});
126
127})(jQuery);