質問編集履歴
1
説明を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Next.jsでスクロール量に応じた要素移動を行おうとしたところ、以下のコードで実装はできたのですが、処理が重すぎるため、何か軽量化する方法はないでしょうか。ご教授よろしくお願いいたします。PCだと普通に動きますが、スマホだと本当にカクカクになってしまいます。
|
|
2
2
|
|
|
3
|
-
throttleと呼ばれるものも試したのですが、うまく動作させられてないのか、効果はほとんどありませんでした。というか、間引きすぎても飛び飛びの移動になってしまうため、あまり間引けてないというのもあるかもしれません。
|
|
3
|
+
throttleと呼ばれるものも試したのですが、うまく動作させられてないのか、効果はほとんどありませんでした。というか、間引きすぎても飛び飛びの移動になってしまうため、あまり間引けてないというのもあるかもしれません。あと、will-changeは指定してます。
|
|
4
4
|
|
|
5
5
|
```TypeScript
|
|
6
6
|
useEffect(() => {
|
|
@@ -22,4 +22,5 @@
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
```
|
|
25
|
+
カクツキ感はGIFでは表現できなかったため、動作の様子です。
|
|
25
26
|
|