如何在textarea的i-os设备中显示垂直滚动条？

Question

textarea中的垂直滚动条显示在IE,FF和Chrome中,但不显示在ipod/ipad等i-os设备中.

<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;
}?

DEMO