質問編集履歴
2
試したことの追加
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
position:stickyを使った時のEdgeのちらつきについて
|
test
CHANGED
|
@@ -36,8 +36,38 @@
|
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
+
|
|
40
|
+
|
|
39
41
|
### デモ
|
|
40
42
|
|
|
41
43
|
仕事の案件はお見せできないため、再現したものになりますが同じ現象が起きます。
|
|
42
44
|
|
|
43
45
|
[https://codepen.io/takayo-nakamura/full/OJVqEyG](https://codepen.io/takayo-nakamura/full/OJVqEyG)
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
### その後、試したもの
|
|
50
|
+
|
|
51
|
+
position:stickyを使ったときのちらつきを解消できないかいろいろ試した結果、解決できていないのですが状況報告になります。
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
（１）スムーススクロールの無効化
|
|
56
|
+
|
|
57
|
+
こちらを参考にjsを実装してみましたが変わらなかったです。
|
|
58
|
+
|
|
59
|
+
[https://souken-blog.com/2017/08/25/ie11-smoothscroll](https://souken-blog.com/2017/08/25/ie11-smoothscroll)
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
（２）position:fixedで起きるちらつきの対策
|
|
64
|
+
|
|
65
|
+
transform: translate3d(0,0,0);やz-indexのマイナス値などよく紹介されているものを試しましたが効果なし。
|
|
66
|
+
|
|
67
|
+
そもそもfixedでも同じ現象は起きるのか、fixedとabsoluteを試したところどちらも発生しませんでした。
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
stickyの問題のようなのでtransformは関係ないのかなというところです。
|
|
72
|
+
|
|
73
|
+
今のところEdgeについては諦める方向に向かっていますが解決できるなら解決したいなぁ・・そこだけなんだ・・。
|
1
リンク追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -40,4 +40,4 @@
|
|
|
40
40
|
|
|
41
41
|
仕事の案件はお見せできないため、再現したものになりますが同じ現象が起きます。
|
|
42
42
|
|
|
43
|
-
https://codepen.io/takayo-nakamura/full/OJVqEyG
|
|
43
|
+
[https://codepen.io/takayo-nakamura/full/OJVqEyG](https://codepen.io/takayo-nakamura/full/OJVqEyG)
|