Scrollbar in textarea

Css is like:

::-webkit-scrollbar,::-moz-scrollbar {
    -webkit-appearance: none;
    width: 6px;    /* for vertical scrollbars */
    height: 8px;    /* for horizontal scrollbars */
}
::-webkit-scrollbar-track,::-moz-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius:4px;
}
::-webkit-scrollbar-thumb,::-moz-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius:4px;
}

but it works only in chrome ..in other browser it display default scrollbar and second doubt is it start appears in ipad after I scrolldown..how to display vertical scroll if it has max text on hover of the textarea?

jsfiddle

Answers


You can use mouseout and mouseover events to hide or show the scroll bar using css.


For a cross browser solution you should use javascript/jquery. There are many successful scrollbar plugins that you can use


Need Your Help

Display another html Page in Iframe on Parent Html Page

javascript html iframe

I have one base html page and i have a div, clicking on which should show another html page on that same base html page, in an iframe which i have inserted and kept as display:none.

javax.comm : Identify which serial port my GPS device is operating

java gps java-native-interface javax.comm

I am writing a small application which uses the javax.comm api to return an enumeration of comms ports, using the following syntax