【javascript】モバイル画面で慣性スクロール中に画面をピタッと止める方法！

モバイルで、画面を縦にスクロールすると、慣性がついてスルーッと移動しますよね。

あれを、移動中にピタッと止める方法です。下記のサイトでかなり無茶な方法で実装しています。
https://jsfiddle.net/prud/umr0qegs/

基本的なコードは以下のような感じ(jQueryで書いてます)

      $('body').css('overflow','hidden')
      setTimeout(function() {
          $('body').css('overflow','visible')
      }, 10);

画面に「'overflow','hidden'」を設定して、次の瞬間「'overflow','visible」を設定しなおす。
これをやると慣性移動がキャンセルされて、ピタッと止まるというのです。

なんだかあやしいやり方ですね、何か不具合とかを起こさないか心配です・・。

※Ｐ.Ｓ.
この処理ですが、わたしの持っているiPhone8のサファリでは、画面が止まりませんね・・。
ＰＣのブラウザのデバッグモードではうまくいくんですが、実機ではダメみたいです・・。

これじゃ、意味ないやん・・。誰かいい方法を知ってる人いたら、教えてくだしあ・・。

以上。