質問編集履歴
2
一部解決報告
test
CHANGED
File without changes
|
test
CHANGED
@@ -127,3 +127,45 @@
|
|
127
127
|
|
128
128
|
|
129
129
|
```
|
130
|
+
|
131
|
+
|
132
|
+
|
133
|
+
【追記】
|
134
|
+
|
135
|
+
とりあえず、if($(window).innerWidth() <= 767){} の中に下記のコードを入れてヘッダーの切替(フルスクリーンのロゴとナビを画面上部固定の追従メニューにする)ができました。
|
136
|
+
|
137
|
+
|
138
|
+
|
139
|
+
```js
|
140
|
+
|
141
|
+
$('.c-topbar').removeClass('-fixed');
|
142
|
+
|
143
|
+
// スマホのロゴナビ切替
|
144
|
+
|
145
|
+
$(function () {
|
146
|
+
|
147
|
+
$(window).scroll(function () {
|
148
|
+
|
149
|
+
|
150
|
+
|
151
|
+
if ($(this).scrollTop() > 10) {
|
152
|
+
|
153
|
+
$('.c-topbar').addClass('-fixed');
|
154
|
+
|
155
|
+
} else {
|
156
|
+
|
157
|
+
$('.c-topbar').removeClass('-fixed');
|
158
|
+
|
159
|
+
}
|
160
|
+
|
161
|
+
});
|
162
|
+
|
163
|
+
});
|
164
|
+
|
165
|
+
```
|
166
|
+
|
167
|
+
後はメニューのカレント表示です。(対象のセクションまでスクロールしたら、liにclass="active"を与える)
|
168
|
+
|
169
|
+
こちらの方法と、もっといいやり方がわかる方いたらご教授ください。
|
170
|
+
|
171
|
+
よろしくお願いいたします。
|
1
タイトルに誤字がったため
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
「jQuery Scrollify」でスマホにしたときスクロール
|
1
|
+
「jQuery Scrollify」でスマホにしたときスクロールスナップのみを解除する方法
|
test
CHANGED
File without changes
|