質問編集履歴

3

追加

2021/01/05 06:54

投稿

mbaby__8
mbaby__8

スコア66

test CHANGED
File without changes
test CHANGED
@@ -81,3 +81,57 @@
81
81
 
82
82
 
83
83
  教えて頂けると幸いです。
84
+
85
+
86
+
87
+
88
+
89
+ ---
90
+
91
+
92
+
93
+ ```ここに言語を入力
94
+
95
+ $(window).on('load', function() {
96
+
97
+ scrollHeight = $(document).height();
98
+
99
+ scrollPosition = $(window).height() + $(window).scrollTop();
100
+
101
+ if ( (scrollHeight - scrollPosition) / scrollHeight <= 0.1) {
102
+
103
+ var jscrollOption = {
104
+
105
+ // callback: true,
106
+
107
+ loadingHtml: '<div class="loading"><img src="/assets/Preloader_1.gif" alt="Loading" /> Loading...</div>', // 記事読み込み中の表示、画像等をHTML要素で指定することも可能
108
+
109
+ autoTrigger: true,
110
+
111
+ padding: 20,
112
+
113
+ nextSelector: 'span.next:last a',
114
+
115
+ contentSelector:' .ex-con'
116
+
117
+ }
118
+
119
+ $('.f-container').jscroll(jscrollOption);
120
+
121
+
122
+
123
+
124
+
125
+ }
126
+
127
+ });
128
+
129
+ ```
130
+
131
+
132
+
133
+ $(window).on('load', function() にすればスマホでもclass="jscroll-inner"は追加(jscroll.jsは読み込まれた)されましたが、
134
+
135
+
136
+
137
+ class="jscroll-added"は追加されませんでした。

2

追加

2021/01/05 06:54

投稿

mbaby__8
mbaby__8

スコア66

test CHANGED
File without changes
test CHANGED
@@ -68,10 +68,16 @@
68
68
 
69
69
 
70
70
 
71
+ そもそもjscroll.jsがpcだと上手く読み込まれて、スマホでは読み込まれてもいないです(class="jscroll-inner"がスマホでは追加されていない。)。
72
+
73
+
74
+
71
75
 
72
76
 
73
77
  PCでは動いてスマホでは動かないといった場合は、どのような問題が考えられるのでしょうか?
74
78
 
75
79
 
76
80
 
81
+
82
+
77
83
  教えて頂けると幸いです。

1

追加

2021/01/05 06:09

投稿

mbaby__8
mbaby__8

スコア66

test CHANGED
File without changes
test CHANGED
@@ -56,6 +56,18 @@
56
56
 
57
57
  ```
58
58
 
59
+ 上手くいく場合class="pagination"の下にclass="jscroll-added"が追加されてその下にclass="f-item"が続きます。
60
+
61
+ ![PC](1bdde055c641304b62ce87c1e5843ab7.png)
62
+
63
+
64
+
65
+ スマホではclass="jscroll-added"追加されない。
66
+
67
+ ![スマホ](178bed26721de784724506cc8c507624.png)
68
+
69
+
70
+
59
71
 
60
72
 
61
73
  PCでは動いてスマホでは動かないといった場合は、どのような問題が考えられるのでしょうか?