質問編集履歴
4
slick script 削除
test
CHANGED
File without changes
|
test
CHANGED
@@ -38,62 +38,6 @@
|
|
38
38
|
|
39
39
|
|
40
40
|
|
41
|
-
=== script ===
|
42
|
-
|
43
|
-
$(function() {
|
44
|
-
|
45
|
-
$('#slider').slick({
|
46
|
-
|
47
|
-
centerMode: true,
|
48
|
-
|
49
|
-
centerPadding: '100px',
|
50
|
-
|
51
|
-
autoplay: true,
|
52
|
-
|
53
|
-
autoplaySpeed: 2000,
|
54
|
-
|
55
|
-
slidesToShow: 6,
|
56
|
-
|
57
|
-
responsive: [{
|
58
|
-
|
59
|
-
breakpoint: 768,
|
60
|
-
|
61
|
-
settings: {
|
62
|
-
|
63
|
-
arrows: true,
|
64
|
-
|
65
|
-
centerMode: true,
|
66
|
-
|
67
|
-
centerPadding: '20px',
|
68
|
-
|
69
|
-
slidesToShow: 6
|
70
|
-
|
71
|
-
}
|
72
|
-
|
73
|
-
},
|
74
|
-
|
75
|
-
{
|
76
|
-
|
77
|
-
breakpoint: 480,
|
78
|
-
|
79
|
-
settings: {
|
80
|
-
|
81
|
-
arrows: true,
|
82
|
-
|
83
|
-
centerMode: true,
|
84
|
-
|
85
|
-
centerPadding: '20px',
|
86
|
-
|
87
|
-
slidesToShow: 4
|
88
|
-
|
89
|
-
}
|
90
|
-
|
91
|
-
}]
|
92
|
-
|
93
|
-
});
|
94
|
-
|
95
|
-
});
|
96
|
-
|
97
41
|
|
98
42
|
|
99
43
|
### 試したこと
|
3
slick script記載
test
CHANGED
File without changes
|
test
CHANGED
@@ -30,11 +30,69 @@
|
|
30
30
|
|
31
31
|
### 該当のソースコード
|
32
32
|
|
33
|
-
|
33
|
+
=== HTML ===
|
34
34
|
|
35
35
|
<iframe src="https://www.rakuten.ne.jp/gold/***/index.html" width="350px" height="80px" frameborder="0" scrolling="no">
|
36
36
|
|
37
37
|
</iframe>
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
=== script ===
|
42
|
+
|
43
|
+
$(function() {
|
44
|
+
|
45
|
+
$('#slider').slick({
|
46
|
+
|
47
|
+
centerMode: true,
|
48
|
+
|
49
|
+
centerPadding: '100px',
|
50
|
+
|
51
|
+
autoplay: true,
|
52
|
+
|
53
|
+
autoplaySpeed: 2000,
|
54
|
+
|
55
|
+
slidesToShow: 6,
|
56
|
+
|
57
|
+
responsive: [{
|
58
|
+
|
59
|
+
breakpoint: 768,
|
60
|
+
|
61
|
+
settings: {
|
62
|
+
|
63
|
+
arrows: true,
|
64
|
+
|
65
|
+
centerMode: true,
|
66
|
+
|
67
|
+
centerPadding: '20px',
|
68
|
+
|
69
|
+
slidesToShow: 6
|
70
|
+
|
71
|
+
}
|
72
|
+
|
73
|
+
},
|
74
|
+
|
75
|
+
{
|
76
|
+
|
77
|
+
breakpoint: 480,
|
78
|
+
|
79
|
+
settings: {
|
80
|
+
|
81
|
+
arrows: true,
|
82
|
+
|
83
|
+
centerMode: true,
|
84
|
+
|
85
|
+
centerPadding: '20px',
|
86
|
+
|
87
|
+
slidesToShow: 4
|
88
|
+
|
89
|
+
}
|
90
|
+
|
91
|
+
}]
|
92
|
+
|
93
|
+
});
|
94
|
+
|
95
|
+
});
|
38
96
|
|
39
97
|
|
40
98
|
|
@@ -48,8 +106,6 @@
|
|
48
106
|
|
49
107
|
iOS12はセキリティを強化したようで、その辺が関係してるのかな?とも思いました。
|
50
108
|
|
51
|
-
解決方法が見つからない場合は、ページの作り直しも視野に入れてます。
|
52
|
-
|
53
109
|
|
54
110
|
|
55
111
|
### 補足情報(FW/ツールのバージョンなど)
|
2
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,6 +3,8 @@
|
|
3
3
|
|
4
4
|
|
5
5
|
ios12にアップグレードした結果、iframeを通して表示するjQuery Slick、スライダーが表示されなくなりました。
|
6
|
+
|
7
|
+
空白部分を軽くタップすると表示されますが、上下にスクロールすると消えます。
|
6
8
|
|
7
9
|
PC、Androidは問題なく表示されます。
|
8
10
|
|
@@ -19,6 +21,8 @@
|
|
19
21
|
iframe、slick、スライダーを使用している部分だけが空白になっている。
|
20
22
|
|
21
23
|
同じiframeを使用した静止画は問題なく表示されるが、slick、スライダー使用のiframeだけが空白になっている
|
24
|
+
|
25
|
+
空白部分をタップすると表示されるが、上下にスクロールすると消える。
|
22
26
|
|
23
27
|
```
|
24
28
|
|
@@ -44,7 +48,7 @@
|
|
44
48
|
|
45
49
|
iOS12はセキリティを強化したようで、その辺が関係してるのかな?とも思いました。
|
46
50
|
|
47
|
-
解決方法が見つからない場合は、ページの作り直しも
|
51
|
+
解決方法が見つからない場合は、ページの作り直しも視野に入れてます。
|
48
52
|
|
49
53
|
|
50
54
|
|
1
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,9 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
ios12にアップグレードした結果、i
|
5
|
+
ios12にアップグレードした結果、iframeを通して表示するjQuery Slick、スライダーが表示されなくなりました。
|
6
|
+
|
7
|
+
PC、Androidは問題なく表示されます。
|
6
8
|
|
7
9
|
何か良い解決方法があったら教えて頂きたいです。
|
8
10
|
|
@@ -14,9 +16,9 @@
|
|
14
16
|
|
15
17
|
```
|
16
18
|
|
17
|
-
iframeを使用している部分だけが空白になっている。
|
19
|
+
iframe、slick、スライダーを使用している部分だけが空白になっている。
|
18
20
|
|
19
|
-
同じiframeを使用した静止画
|
21
|
+
同じiframeを使用した静止画は問題なく表示されるが、slick、スライダー使用のiframeだけが空白になっている
|
20
22
|
|
21
23
|
```
|
22
24
|
|
@@ -40,10 +42,14 @@
|
|
40
42
|
|
41
43
|
何か良いアドバイスがあったらお願いします。
|
42
44
|
|
45
|
+
iOS12はセキリティを強化したようで、その辺が関係してるのかな?とも思いました。
|
46
|
+
|
47
|
+
解決方法が見つからない場合は、ページの作り直しも頭に入れてます。
|
48
|
+
|
43
49
|
|
44
50
|
|
45
51
|
### 補足情報(FW/ツールのバージョンなど)
|
46
52
|
|
47
53
|
|
48
54
|
|
49
|
-
|
55
|
+
iPhoneX iOS12でサイトを確認。
|