scrollifyでの通常スクロールの実現（スマホで）

実現したいこと

scrollifyを使って一部の要素を通常スクロールにしたい（スマホで）

前提

scrollifyを使ってスナップスクロールするサイトを作っていますが、一部長い要素について通常スクロールを実現したいです。
PCだとうまく稼働しますが（safari chrome）スマホだとアンドロイド、iphoneともにスムーズなスクロールになりません。

発生している問題・エラーメッセージ

ソースコードのsection02のみ長さのある要素なのですが、（それ以外はheight:100vh）
PCではこの要素中は通常スクロールになりますが、スマホ、タブレットだとスクロール中にスナップ？が発生してしまいます。

該当のソースコード

HTML <section class="section01 scrollify"> </section> <section class="section02 scrollify"> </section> <section class="section03 scrollify"> </section>

CSS .scrollify { width: 100%; height: 100vh; } .section01 { background-color: azure; } /* わかりやすいようにストライプのスタイルを適用しています */ .section02 { height: 4000px !important; background-color: bisque; background-image: linear-gradient(-45deg, #fff 25%, #00bfff 25%, #00bfff 50%, #fff 50%, #fff 75%, #00bfff 75%, #00bfff); background-size: 30px 30px; } .section03 { background-color: blue; }

js jQuery(function() { $.scrollify({ section: '.scrollify', easing: 'swing', scrollSpeed: 800, updateHash: false, }); });

試したこと

standard scroll elementsなども試してみました。

補足情報（FW/ツールのバージョンなど）

jquery-3.6.3.js
jquery.scrollify.min.js