質問編集履歴
5
コード訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -38,7 +38,7 @@
|
|
38
38
|
|
39
39
|
|
40
40
|
|
41
|
-
//ページ上から
|
41
|
+
//ページ上からhogeまでの距離を取得
|
42
42
|
|
43
43
|
var clientRect = document.getElementById("hoge").getBoundingClientRect() ;
|
44
44
|
|
4
コード修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -26,29 +26,29 @@
|
|
26
26
|
|
27
27
|
<script>
|
28
28
|
|
29
|
-
window.onload = function() {
|
29
|
+
window.onload = function() {
|
30
30
|
|
31
31
|
|
32
32
|
|
33
|
-
//高さを取得
|
33
|
+
//高さを取得
|
34
34
|
|
35
|
-
var height = document.getElementsByTagName("body")[0].scrollHeight;
|
35
|
+
var height = document.getElementsByTagName("body")[0].scrollHeight;
|
36
36
|
|
37
|
-
window.parent.postMessage(["setHeight", height], "*");
|
37
|
+
window.parent.postMessage(["setHeight", height], "*");
|
38
38
|
|
39
39
|
|
40
40
|
|
41
|
-
//ページ上から
|
41
|
+
//ページ上からitem-fbまでの距離を取得
|
42
42
|
|
43
|
-
var clientRect = document.getElementById("hoge").getBoundingClientRect() ;
|
43
|
+
var clientRect = document.getElementById("hoge").getBoundingClientRect() ;
|
44
44
|
|
45
|
-
var scroll = clientRect.top ;
|
45
|
+
var scroll = clientRect.top ;
|
46
46
|
|
47
|
-
window.parent.postMessage(scroll, "*");
|
47
|
+
window.parent.postMessage(['scroll', scroll], "*");
|
48
48
|
|
49
49
|
|
50
50
|
|
51
|
-
}
|
51
|
+
}
|
52
52
|
|
53
53
|
</script>
|
54
54
|
|
@@ -62,11 +62,15 @@
|
|
62
62
|
|
63
63
|
html
|
64
64
|
|
65
|
-
<div id="
|
65
|
+
<div id="fugapage">
|
66
66
|
|
67
|
-
<iframe src="iframeのソース" frameborder="0" width="100%" height="100%"></iframe>
|
67
|
+
<iframe src="iframeのソース" frameborder="0" width="100%" height="100%" id="fugapage-frame"></iframe>
|
68
68
|
|
69
69
|
</div>
|
70
|
+
|
71
|
+
|
72
|
+
|
73
|
+
<div id="button"></div>
|
70
74
|
|
71
75
|
|
72
76
|
|
@@ -74,7 +78,15 @@
|
|
74
78
|
|
75
79
|
<script>
|
76
80
|
|
81
|
+
var src = jQuery("#fugapage-frame").attr("src");
|
82
|
+
|
83
|
+
jQuery("#fugapage-frame").attr("src","");
|
84
|
+
|
85
|
+
jQuery("#fugapage-frame").attr("src",src);
|
86
|
+
|
87
|
+
|
88
|
+
|
77
|
-
|
89
|
+
window.addEventListener('message', function(e) {
|
78
90
|
|
79
91
|
var iframe = jQuery("#fugapage");
|
80
92
|
|
@@ -96,13 +108,13 @@
|
|
96
108
|
|
97
109
|
var scrollHeight = e.data[1];
|
98
110
|
|
99
|
-
var frame
|
111
|
+
var frameoff = jQuery('#fugapage').offset();
|
100
112
|
|
101
|
-
var _frame
|
113
|
+
var _frameoff = frameoff.top;
|
102
114
|
|
103
|
-
var total = _frame
|
115
|
+
var total = _frameoff + scrollHeight;
|
104
116
|
|
105
|
-
jQuery("html,body").animate({scrollTop:total});
|
117
|
+
jQuery("html,body").animate({scrollTop:total - 120});
|
106
118
|
|
107
119
|
});
|
108
120
|
|
3
記述追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -74,27 +74,41 @@
|
|
74
74
|
|
75
75
|
<script>
|
76
76
|
|
77
|
-
//iframeの高さを調整
|
78
|
-
|
79
77
|
window.addEventListener('message', function(e) {
|
80
78
|
|
81
|
-
|
79
|
+
var iframe = jQuery("#fugapage");
|
82
80
|
|
83
|
-
|
81
|
+
var eventName = e.data[0];
|
84
82
|
|
85
|
-
|
83
|
+
var data = e.data[1];
|
86
84
|
|
87
|
-
|
85
|
+
switch(eventName) {
|
88
86
|
|
89
|
-
|
87
|
+
case 'setHeight':
|
90
88
|
|
91
|
-
|
89
|
+
iframe.height(data);
|
92
90
|
|
93
|
-
|
91
|
+
break;
|
94
92
|
|
95
|
-
|
93
|
+
case 'scroll':
|
96
94
|
|
95
|
+
jQuery('#button').on('click',function(){
|
96
|
+
|
97
|
+
var scrollHeight = e.data[1];
|
98
|
+
|
99
|
+
var frameTop = jQuery('#iframe').offset();
|
100
|
+
|
101
|
+
var _frameTop = frameoff.top;
|
102
|
+
|
103
|
+
var total = _frameTop + scrollHeight;
|
104
|
+
|
105
|
+
jQuery("html,body").animate({scrollTop:total});
|
106
|
+
|
107
|
+
});
|
108
|
+
|
109
|
+
}
|
110
|
+
|
97
|
-
|
111
|
+
}, false);
|
98
112
|
|
99
113
|
</script>
|
100
114
|
|
2
html追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -16,7 +16,15 @@
|
|
16
16
|
|
17
17
|
```
|
18
18
|
|
19
|
+
html
|
19
20
|
|
21
|
+
<p id="hoge"><img src="" alt=""></p>
|
22
|
+
|
23
|
+
|
24
|
+
|
25
|
+
JS
|
26
|
+
|
27
|
+
<script>
|
20
28
|
|
21
29
|
window.onload = function() {
|
22
30
|
|
@@ -42,6 +50,8 @@
|
|
42
50
|
|
43
51
|
}
|
44
52
|
|
53
|
+
</script>
|
54
|
+
|
45
55
|
```
|
46
56
|
|
47
57
|
|
@@ -50,13 +60,25 @@
|
|
50
60
|
|
51
61
|
```
|
52
62
|
|
63
|
+
html
|
64
|
+
|
65
|
+
<div id="ifrmae-wrap">
|
66
|
+
|
67
|
+
<iframe src="iframeのソース" frameborder="0" width="100%" height="100%"></iframe>
|
68
|
+
|
69
|
+
</div>
|
70
|
+
|
71
|
+
|
72
|
+
|
73
|
+
JS
|
74
|
+
|
53
75
|
<script>
|
54
76
|
|
55
77
|
//iframeの高さを調整
|
56
78
|
|
57
79
|
window.addEventListener('message', function(e) {
|
58
80
|
|
59
|
-
var iframe = jQuery("iframe
|
81
|
+
var iframe = jQuery("#iframe-wrap");
|
60
82
|
|
61
83
|
var eventName = e.data[0];
|
62
84
|
|
1
表示修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,7 +14,9 @@
|
|
14
14
|
|
15
15
|
■子
|
16
16
|
|
17
|
-
|
17
|
+
```
|
18
|
+
|
19
|
+
|
18
20
|
|
19
21
|
window.onload = function() {
|
20
22
|
|
@@ -40,13 +42,13 @@
|
|
40
42
|
|
41
43
|
}
|
42
44
|
|
43
|
-
|
45
|
+
```
|
44
46
|
|
45
47
|
|
46
48
|
|
47
49
|
■親
|
48
50
|
|
49
|
-
|
51
|
+
```
|
50
52
|
|
51
53
|
<script>
|
52
54
|
|
@@ -74,6 +76,6 @@
|
|
74
76
|
|
75
77
|
</script>
|
76
78
|
|
77
|
-
|
79
|
+
```
|
78
80
|
|
79
81
|
よろしくお願い致します。
|