html - テキストエリアのiOSデバイスで垂直スクロールバーを表示するには?

Question

textarea の垂直スクロール バーは、IE、FF、Chrome では表示されますが、iPod/iPad などの iOS デバイスでは表示されません。

<textarea  id="termsConditions" cols="30" rows="5" readonly="readonly">Sample text sample           text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample</textarea>

この問題を解決するにはどうすればよいですか?

よろしくお願いします。

Answer 1

マイケル・ハルピンが言ったように。-webkit-overflow-scrolling: touchスタイルに追加します。

HTML

<textarea  id="termsConditions" cols="30" rows="5" readonly="readonly">Sample text sample           text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample</textarea>

CSS

#termsConditions {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}​

デモ