How to show vertical scrollbar in i-os devices for textarea?
html, scroll, textarea
Solution
Just as Michael Halpin has said. Add `-webkit-overflow-scrolling: touch` into your styles.
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
Problem
The vertical scroll bar in textarea is displaying in I.E,FF and Chrome but not in i-os devices like ipod/ipad. ``` <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> ``` How to resolve this problem? Thanks a lot in advance.