質問編集履歴

2

一部解決報告

2020/03/31 15:06

投稿

nyoro-rin
nyoro-rin

スコア4

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

タイトルに誤字がったため

2020/03/31 15:06

投稿

nyoro-rin
nyoro-rin

スコア4

test CHANGED
@@ -1 +1 @@
1
- 「jQuery Scrollify」でスマホにしたときスクロールショのみを解除する方法
1
+ 「jQuery Scrollify」でスマホにしたときスクロールスナのみを解除する方法
test CHANGED
File without changes