質問編集履歴

4

誤字修正

2020/05/14 05:31

投稿

mutsuki22
mutsuki22

スコア445

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

誤字修正

2020/05/14 05:31

投稿

mutsuki22
mutsuki22

スコア445

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

誤字修正

2020/05/14 04:54

投稿

mutsuki22
mutsuki22

スコア445

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

説明の追記

2020/05/14 04:52

投稿

mutsuki22
mutsuki22

スコア445

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
- ### 補足情報(FW/ツバージョンど)
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)