divタグのスクロールがぎこちない・・・

サイズ指定のdivタグを使って、コンテンツをスクロールさせて表示したいと思ったのだけれど、
慣性スクロール(指を話した後もスクロールしている状態)が働かない。。

最近のスマホUXでは、少しレアなケースですが、使いたいシチュエーションもあるかもしれません。
そんな訳で投稿しておきます。

対象のdivに、一行のCSSを追加するだけ

div.target-class{
  -webkit-overflow-scrolling: touch;
}

上記を追加するだけで、スクロールが滑らかになります。