質問編集履歴
6
画像追加いたしました!
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,14 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
|
3
|
+
【通常時】
|
4
|
+
|
5
|
+
![index](95c5e1563a3fac912aa03fc2d6183e97.jpeg)
|
6
|
+
|
7
|
+
【エラー画像(1ページ目の下に2ページ目が潜り込む)】
|
8
|
+
|
9
|
+
![スクロールした際の状態](349905c36fdddcd4f4f73b6be16f2559.jpeg)
|
10
|
+
|
3
|
-
[作成アプリと問題点のGIF](https://gyazo.com/02f89d459b894d56be00ddc37f47d442)
|
11
|
+
[【補足:】作成アプリと問題点のGIF](https://gyazo.com/02f89d459b894d56be00ddc37f47d442)
|
4
12
|
|
5
13
|
|
6
14
|
|
@@ -272,6 +280,8 @@
|
|
272
280
|
|
273
281
|
```
|
274
282
|
|
283
|
+
![エラー画像](f4bbf33fa6574bf14c43f5c348b914c9.jpeg)
|
284
|
+
|
275
285
|
↓$elems.filter is not a functionって言われたのでその該当箇所
|
276
286
|
|
277
287
|
```
|
@@ -290,6 +300,8 @@
|
|
290
300
|
|
291
301
|
```
|
292
302
|
|
303
|
+
![エラー画像2](1841accdb360e3fee94ca9a895c4af2b.jpeg)
|
304
|
+
|
293
305
|
|
294
306
|
|
295
307
|
よろしくお願いいたします。。
|
5
画像追加
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
4
誤字訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -220,7 +220,7 @@
|
|
220
220
|
|
221
221
|
|
222
222
|
|
223
|
-
① masonryのデータを取得
|
223
|
+
① masonryのデータを取得
|
224
224
|
|
225
225
|
```
|
226
226
|
|
3
css一部訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -182,7 +182,7 @@
|
|
182
182
|
|
183
183
|
&--2 {
|
184
184
|
|
185
|
-
width: 1
|
185
|
+
width: 100px;
|
186
186
|
|
187
187
|
height: 125px;
|
188
188
|
|
@@ -192,9 +192,9 @@
|
|
192
192
|
|
193
193
|
&--3 {
|
194
194
|
|
195
|
-
width: 1
|
195
|
+
width: 100px;
|
196
|
-
|
196
|
+
|
197
|
-
height:1
|
197
|
+
height:140px;
|
198
198
|
|
199
199
|
}
|
200
200
|
|
2
リンク有効化
test
CHANGED
File without changes
|
test
CHANGED
@@ -240,13 +240,7 @@
|
|
240
240
|
|
241
241
|
```
|
242
242
|
|
243
|
-
しかしながらこれを実践すると、
|
244
|
-
|
245
|
-
https://gyazo.com/0df0059049c3ac17653570c45fdf23a6
|
243
|
+
しかしながらこれを実践すると、[エラーGIF](https://gyazo.com/0df0059049c3ac17653570c45fdf23a6)のように、Masonryのコードで何かが引っかかってエラーになります(下記参照)。。
|
246
|
-
|
247
|
-
のように、
|
248
|
-
|
249
|
-
Masonryのコードで何かが引っかかってエラーになります(下記参照)。。
|
250
244
|
|
251
245
|
|
252
246
|
|
1
リンクの有効化
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,10 +1,6 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
|
3
|
-
https://gyazo.com/02f89d459b894d56be00ddc37f47d442
|
3
|
+
[作成アプリと問題点のGIF](https://gyazo.com/02f89d459b894d56be00ddc37f47d442)
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
上記のURLに作成したアプリと問題の部分のGIFがあります。
|
8
4
|
|
9
5
|
|
10
6
|
|
@@ -212,11 +208,13 @@
|
|
212
208
|
|
213
209
|
### 試して見たこと
|
214
210
|
|
215
|
-
https://infinite-scroll.com/options.html
|
211
|
+
[inifinite-scroll公式サイト](https://infinite-scroll.com/options.html)
|
216
|
-
|
212
|
+
|
217
|
-
https://codepen.io/desandro/pen/eRRQVo
|
213
|
+
[公式サイトにあるデモ](https://codepen.io/desandro/pen/eRRQVo)
|
218
|
-
|
214
|
+
|
215
|
+
|
216
|
+
|
219
|
-
|
217
|
+
上記2つのリンクから解決法を考え、
|
220
218
|
|
221
219
|
一度、上部のソースコードにあるJavaScriptに下記2つの記述をしてみました。
|
222
220
|
|