回答編集履歴
1
追記情報を記載
test
CHANGED
|
@@ -9,3 +9,69 @@
|
|
|
9
9
|
2. ons-navigatorの閉じタグがない。
|
|
10
10
|
|
|
11
11
|
3. bodyタグ、htmlタグの閉じタグがない。
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
[追記]
|
|
18
|
+
|
|
19
|
+
少し詳しく調べてみましたが、これはiOSのUIWebViewの不具合のようです。divタグでのスクロール(overflow:scroll)を使ってしまうと、その内部のiframeの表示に問題が発生し、今回のような現象が発生するようです。
|
|
20
|
+
|
|
21
|
+
なので、解決は非常に難しいのではないかと思います。(WKWebViewを試すという方法もありますが、、、）
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
代替案としてなのですが、このアプリでいうなら次のようにしてみてはいかがでしょうか？
|
|
26
|
+
|
|
27
|
+
1. iframeを含むons-pageにidとして'home'をつけ、参照出来るようにする。
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
<ons-page id="home">
|
|
32
|
+
|
|
33
|
+
<iframe src="http://nihon-lifix.com/235-2/" seamless></iframe>
|
|
34
|
+
|
|
35
|
+
...
|
|
36
|
+
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
2. scriptタグの中で、以下のコードを追加し、スクロールをbodyタグ自身の持つページ全体の
|
|
42
|
+
|
|
43
|
+
スクロール処理にまかせる。
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
document.addEventListener('init', function(event) {
|
|
48
|
+
|
|
49
|
+
var page = event.target;
|
|
50
|
+
|
|
51
|
+
if (page.matches('#home')) {
|
|
52
|
+
|
|
53
|
+
document.querySelector("ons-splitter").style.position = "static";
|
|
54
|
+
|
|
55
|
+
document.querySelector("ons-splitter-side").style.position = "fixed";
|
|
56
|
+
|
|
57
|
+
document.querySelector("#home").style.position = "static";
|
|
58
|
+
|
|
59
|
+
var element = document.querySelector("#home > .page__content");
|
|
60
|
+
|
|
61
|
+
element.style.overflow = "visible";
|
|
62
|
+
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
つまり、divタグのoverflow:scrollだと問題が発生するので、bodyタグにスクロールさせるようにします。そのため、ons-splitterやons-pageも大きさを任意とするため、position属性をstaticにします。
|
|
72
|
+
|
|
73
|
+
これだけだと、ons-splitter-sideもスクロールしてしまうので、こちらはposition属性をfixedで固定しています。
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
暫定的な対応なので、思うような動作になっていないかもしれませんが、、。
|