質問編集履歴
2
コードミス修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
var current_scrollY;
|
|
19
19
|
$('.menu-trigger').on('click', function() {
|
|
20
20
|
$(this).toggleClass('active'); //ハンバーガーメニュートリガーを[=]マークから[×]に変える
|
|
21
|
-
current_scrollY = $( window ).scrollTop();
|
|
22
21
|
if ($(this).hasClass('active')) {
|
|
22
|
+
current_scrollY = $( window ).scrollTop();
|
|
23
23
|
$('.globalMenuSp').addClass('active'); //ハンバーガーメニューを表示させる
|
|
24
24
|
$( 'body' ).css( { //スクロール位置を保持した状態にする
|
|
25
25
|
position: 'fixed',
|
1
html下部にjqueryを書き加えました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -73,13 +73,48 @@
|
|
|
73
73
|
<li><a href="#">Menu5</a></li>
|
|
74
74
|
</ul>
|
|
75
75
|
</nav>
|
|
76
|
+
|
|
77
|
+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
76
78
|
<script src="js/jquery-3.2.1.min.js"></script>
|
|
79
|
+
|
|
80
|
+
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
|
77
81
|
<script src="js/popper.min.js"></script>
|
|
78
82
|
<script src="js/bootstrap-4.0.0.js"></script>
|
|
83
|
+
<!--vivus js-->
|
|
84
|
+
<!-- <script src="js/vivus.min.js"></script> -->
|
|
85
|
+
<!--slick js-->
|
|
86
|
+
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
|
|
87
|
+
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
|
|
88
|
+
<script type="text/javascript" src="slick/slick.min.js"></script>
|
|
89
|
+
|
|
79
90
|
<script>
|
|
91
|
+
$(function(){
|
|
92
|
+
var current_scrollY;
|
|
93
|
+
$('.menu-trigger').on('click', function() {
|
|
94
|
+
$(this).toggleClass('active');
|
|
95
|
+
current_scrollY = $( window ).scrollTop();
|
|
96
|
+
if ($(this).hasClass('active')) {
|
|
97
|
+
$('.globalMenuSp').addClass('active');
|
|
98
|
+
$( 'body' ).css( {
|
|
99
|
+
position: 'fixed',
|
|
100
|
+
width: '100%',
|
|
101
|
+
//top位置をその時点のスクロール量分だけ上にずらす
|
|
102
|
+
top: -1 * current_scrollY
|
|
103
|
+
} );
|
|
80
|
-
|
|
104
|
+
// return false;
|
|
105
|
+
} else {
|
|
106
|
+
$('.globalMenuSp').removeClass('active');
|
|
107
|
+
$( 'body' ).attr( { style: '' } );
|
|
108
|
+
$("html,body").scrollTop(current_scrollY);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
});
|
|
112
|
+
});
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
new Vivus('unconfortable_logo', {type: 'scenario-sync',duration: 20, forceRender: false ,animTimingFunction:Vivus.EASE})
|
|
81
|
-
<script>
|
|
117
|
+
</script>
|
|
82
|
-
<script src="js/vivus.min.js"></script>
|
|
83
118
|
</body>
|
|
84
119
|
```
|
|
85
120
|
|