kimizuka https://blog.hatena.ne.jp/kimizuka/ みかづきブログ・カスタム https://blog.kimizuka.org/ Next.js React かつて、 ブラウザの標準のページスクロールをループさせたこと がありました。blog.kimizuka.orgしかし、こちらの DEMO は、PCでみるとそれなりにいい感じに動作するのですが、iOSのSafariでみるとループの瞬間にカクついてしまいます。今回はカクつかない無限スクロールを目指し、ブラウザの標準のページスクロールではなく、自前で慣性スクロールを作ってみました。 DEMO https://kimizuka.fm/prototype/loop-scroll-viewiOSでみても、滑らかかつ、慣性のついた無限スクロールが実装できたのではないでしょうか。 ソースコード LooopSc… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2023%2F06%2F23%2F174829" title="Next.jsで慣性スクロールを実装する 🌏 - みかづきブログ・カスタム" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20230623/20230623174816.png Hatena Blog https://hatena.blog 2023-06-23 17:48:29 rich https://blog.kimizuka.org/entry/2023/06/23/174829 1.0 100%