自定义文本区/文本框和滚动

Custom Textarea/texbox and scroll

本文关键字：滚动 文本 文本区 自定义      更新时间：2023-09-26

我需要定制一个HTML文本区域(放置圆角)并定制他各自的水平滚动条。我搜索了一个js/jquery插件，但我发现最接近的是:http://jscrollpane.kelvinluck.com/

，但是这个不能在文本区工作，只在Div元素

看起来可能是个bug。
但是有一个解决办法。

解决方案

如果它适用于<div>，那么为什么不使用<div>作为<textarea>呢?

<div id="textarea_1" contentEditable="true"><p>Blah</p></div>
<script>
     var ele=$("div#textarea_1")[0]; //Make it a textarea-like when it is a <div>
     if('contentEditable' in ele){
         ele.contentEditable=true;   //Turn it on
     }else if('designMode' in ele){
         ele.designMode="on";        //For older Firefox versions
     }
    var value=$("div#textarea_1>p").html();
    console.log(value)  //The value is here
    //please look at the demo below for more...
</script>
工作演示1(包括圆角，适用于所有流行的浏览器)

更好的插件?

我个人认为这个在定制滚动条方面也很好。
它允许你在上面应用CSS样式。

看到它自己:演示2

CSS3也许吗?

也许是时候使用CSS3了。
点击这里阅读更多

,> 演示


相关文章：