lazyload、inview、ページ内リンクスムーズスクロールの組み合わせ

Question

１ページに文章や画像を多く掲載したページを作成しました。
タイトルに記載したlazyload、inview、ページ内スムーズスクロールの機能を使っているのですが、まずページ内リンクをクリックしてスクロール移動した時にinviewとlazyloadのせいかスムーズにスクロールされずカクカク移動になってしまいます。
inview lazyloadのどちらか片方を外してもカクカクです。

スムーズスクロールとinview,lazyloadの組み合わせはあまりよくないのでしょうか？
もし、改善できような仕組みがありましたらアドバイスいただけると助かります。

Comments

[kei344]

過去の質問について、「解決済」になっていないものが多数見受けられます。解決したものは「ベストアンサー」を選び、自力で解決した場合はその方法を解答欄に書き、もし万が一解決していないのであれば質問を編集するなどしてみてください。

Answer 1

inviewもlazyloadも使ったことがありますが、とくに問題はないと思います。
ただ、これらは定期的に表示対象か否かを監視しにいくため、監視対象が増えると比例して重くなる(時間がかかる)と思われます。
監視対象を減らせないか、IntersectionObserverを代わりに使えないか、考えてみてはどうでしょうか？