質問編集履歴
4
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
3
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
2
文字の修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
javascriptの要素の座標取得が可変してしまう
|
|
1
|
+
javascriptの要素の座標取得が可変してしまう？スクロール値がおかしい？
|
test
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
### サイト掲載である要素まで到達したらバナーを表示するプログラムをjavascriptでつくったのですが、うまくいきません。
|
|
2
|
-
|
|
3
|
-
原因を探っていくと画面サイズが可変していくと要素の位置がずれているみたいです。
|
|
4
2
|
|
|
5
3
|
例えば、PC画面サイズがちょうど綺麗に反映しても、スマホでみると指定要素のだいぶ手前で反映されていたりするのです。
|
|
6
4
|
|
|
7
|
-
また、再ページ読み込みでも要素の座標取得位置がずれているのか数値が変わったりします。
|
|
5
|
+
また、再ページ読み込みでも要素の座標取得位置がずれているのか、スクロールの数値がおかしいのか、表示される場所が変わったりします。
|
|
8
6
|
|
|
9
7
|
|
|
10
8
|
|
|
@@ -54,10 +52,18 @@
|
|
|
54
52
|
|
|
55
53
|
matomeのIDは、サイトの見出しが複数あるうちの最後のまとめに<div id="matome"></div>で囲んでいます。
|
|
56
54
|
|
|
55
|
+
|
|
56
|
+
|
|
57
57
|
そして#kizi1はfixedでバナーとしてｚ数値もうえにして下に置いています。
|
|
58
|
+
|
|
59
|
+
記事内容
|
|
60
|
+
|
|
61
|
+
まとめにid="matome"
|
|
62
|
+
|
|
63
|
+
その下にscriptとバナーのid="kizi1"
|
|
58
64
|
|
|
59
65
|
|
|
60
66
|
|
|
61
|
-
|
|
67
|
+
画面サイズに合わせてコロコロ可変するのを止めたいです。
|
|
62
68
|
|
|
63
69
|
また、別としてスクロールして、その要素がスクロール内にはいったら表示のプログラムでも構いません。よろしくお願いします。
|
1
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
### 試したこと
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
サイトとしては一般的なウェブ記事サイトで、はじめ、内容、まとめと見出しが複数個ある形です。
|
|
54
54
|
|
|
55
55
|
matomeのIDは、サイトの見出しが複数あるうちの最後のまとめに<div id="matome"></div>で囲んでいます。
|
|
56
56
|
|