質問編集履歴
4
誤字修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -326,7 +326,7 @@
|
|
326
326
|
|
327
327
|
|
328
328
|
|
329
|
-
何か悩んでる時間が長いせいか凄い初歩的な事を見落としている(なにせ再現コードの上に出来る白い空白部分の原因もよくわからなかったので)もするのですが、どうかご教授貰えれば幸いです。
|
329
|
+
何か悩んでる時間が長いせいか凄い初歩的な事を見落としている(なにせ再現コードの上に出来る白い空白部分の原因もよくわからなかったので)気もするのですが、どうかご教授貰えれば幸いです。
|
330
330
|
|
331
331
|
|
332
332
|
|
3
誤字修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
スクロー
|
1
|
+
スクロールに追従する画像を初めはある地点の固定したい。
|
test
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
|
16
16
|
|
17
|
-
該当コードを表示するとペンギンがスクロー
|
17
|
+
該当コードを表示するとペンギンがスクロールについてくる形になると思います。
|
18
18
|
|
19
19
|
そのペンギンの初期位置をたとえば中間あたりから表示したいです。
|
20
20
|
|
2
誤字修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
ス
|
1
|
+
スクロークに追従する画像を初めはある地点の固定したい。
|
test
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
|
16
16
|
|
17
|
-
該当コードを表示するとペンギンがス
|
17
|
+
該当コードを表示するとペンギンがスクロークについてくる形になると思います。
|
18
18
|
|
19
19
|
そのペンギンの初期位置をたとえば中間あたりから表示したいです。
|
20
20
|
|
1
説明の追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,6 +10,44 @@
|
|
10
10
|
|
11
11
|
内容としては以下の通りです。
|
12
12
|
|
13
|
+
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
該当コードを表示するとペンギンがストロークについてくる形になると思います。
|
18
|
+
|
19
|
+
そのペンギンの初期位置をたとえば中間あたりから表示したいです。
|
20
|
+
|
21
|
+
これだけならtopをいじれば解決するのですが、したいことはもう一歩先のため困っています。
|
22
|
+
|
23
|
+
というのが現コードでそれをした場合HPを表示させているウインドウのサイズを変えた場合にズレが生じてしまいます。
|
24
|
+
|
25
|
+
このサンプルだと赤一色でわかりにくいですが、本来はいろいろ記載があります。
|
26
|
+
|
27
|
+
その記載を分割指定ってコードを再構築していけば<div>等で区切っていけば可能だと思うですが、今みたいに背景(下層)を画像とした場合は方法はないのでしょうか?
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
因みに現状stickyで行ってますが、最中的にはIE8くらいまでは対応させないといけません。
|
32
|
+
|
33
|
+
まだ試せてはいませんが、調べる中で「Polyfill」というものがあることがわかったので、そちらで対応出来るかなと考えております。
|
34
|
+
|
35
|
+
ですが、IE8くらいまでは対応させていく必要を考慮すると、stickyに拘る必要はないため、別の方法でも構いません。
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
### 発生している問題・エラーメッセージ
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
画層の完全固定が出来ない
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
### 該当のソースコード
|
48
|
+
|
49
|
+
|
50
|
+
|
13
51
|
```html
|
14
52
|
|
15
53
|
<!DOCTYPE HTML>
|
@@ -262,48 +300,36 @@
|
|
262
300
|
|
263
301
|
|
264
302
|
|
265
|
-
上記のコードを表示するとペンギンがストロークについてくる形になると思います。
|
266
|
-
|
267
|
-
そのペンギンの初期位置をたとえば中間あたりから表示したいです。
|
268
|
-
|
269
|
-
これだけならtopをいじれば解決するのですが、したいことはもう一歩先のため困っています。
|
270
|
-
|
271
|
-
というのが現コードでそれをした場合HPを表示させているウインドウのサイズを
|
272
|
-
|
273
|
-
### 発生している問題・エラーメッセージ
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
```
|
278
|
-
|
279
|
-
エラーメッセージ
|
280
|
-
|
281
|
-
```
|
282
|
-
|
283
|
-
|
284
|
-
|
285
|
-
### 該当のソースコード
|
286
|
-
|
287
|
-
|
288
|
-
|
289
|
-
```ここに言語名を入力
|
290
|
-
|
291
|
-
ソースコード
|
292
|
-
|
293
|
-
```
|
294
|
-
|
295
|
-
|
296
|
-
|
297
303
|
### 試したこと
|
298
304
|
|
299
305
|
|
300
306
|
|
307
|
+
・[スクロール後、出現画像をある位置に固定したい](https://teratail.com/questions/214080)の時みたいにJSの利用
|
308
|
+
|
309
|
+
|
310
|
+
|
311
|
+
・ネット検索
|
312
|
+
|
313
|
+
|
314
|
+
|
315
|
+
### 補足情報
|
316
|
+
|
317
|
+
|
318
|
+
|
301
|
-
|
319
|
+
因みに現状でなっているフッターの前で止まる仕様は消したくありません。
|
302
|
-
|
303
|
-
|
304
|
-
|
320
|
+
|
305
|
-
|
321
|
+
また、再現コードが凄い簡単なものになっていますが、ご了承下さい。
|
306
|
-
|
307
|
-
|
308
|
-
|
322
|
+
|
323
|
+
|
324
|
+
|
309
|
-
こ
|
325
|
+
説明が下手であることは自覚しているので、不明点があれば追記修正しますので、ご指摘お願いいたします。
|
326
|
+
|
327
|
+
|
328
|
+
|
329
|
+
何か悩んでる時間が長いせいか凄い初歩的な事を見落としている(なにせ再現コードの上に出来る白い空白部分の原因もよくわからなかったので)もするのですが、どうかご教授貰えれば幸いです。
|
330
|
+
|
331
|
+
|
332
|
+
|
333
|
+
![red.jpg](79cf3afb1e434e7f11b531d191e56371.jpeg)
|
334
|
+
|
335
|
+
![pen.png](8026e1cd99fae5316f872b32f481f02a.png)
|