启用垂直滚动textarea

我有一个textarea，我想启用垂直滚动。当我超过textarea的高度时，它的大小会增加。滚动条不出现。我希望显示一个垂直滚动条，用户也不能调整文本区域的大小。启用垂直滚动textarea

我在网上搜索，并尝试发布解决方案，但似乎没有工作。

CSS：

#imageURLId{ 
font-size: 14px; 
font-weight: normal; 
resize: none; 
overflow-y: scroll; 
}

HTML：

<label for="aboutDescription" id="aboutHeading">About</label> 
<textarea rows="15" cols="50" id="aboutDescription" 
    style="resize: none;"></textarea> 
<a id="imageURLId" target="_blank">Go to 
    HomePage</a>

来源

2011-12-20 Hozefa

您正在使用jQuery Mobile的。移动设备上的滚动条有点恼人IMO（特别是触摸功能）。 – 2011-12-20 20:26:54

你可以尝试添加：

#aboutDescription 
{ 
    height: 100px; 
    max-height: 100px; 
}

更新：http://jsfiddle.net/8fv6e/3/

来源

2011-12-20 19:45:58

我认为他想要15条线会说明身高..... – 2011-12-20 19:46:25

@Mike：给予最大高度不起作用。 – Hozefa 2011-12-20 19:48:12

@Hozefa - 什么浏览器？ – 2011-12-20 19:49:15

也许一个固定height和overflow-y: scroll;

来源

2011-12-20 19:45:30 Bernat

试试这个：http://jsfiddle.net/8fv6e/8/

这是答案的另一个版本。

HTML：

<label for="aboutDescription" id="aboutHeading">About</label> 
<textarea rows="15" cols="50" id="aboutDescription" 
    style="max-height:100px;min-height:100px; resize: none"></textarea> 
<a id="imageURLId" target="_blank">Go to 
    HomePage</a>

CSS：

#imageURLId{ 
font-size: 14px; 
font-weight: normal; 
resize: none; 
overflow-y: scroll; 

}

来源

2011-12-20 19:49:44

简单，改变

<textarea rows="15" cols="50" id="aboutDescription" 
style="resize: none;"></textarea>

到

<textarea rows="15" cols="50" id="aboutDescription" 
style="resize: none;" data-role="none"></textarea>

即补充：

data-role="none"

来源

2012-10-14 09:34:07

这是你的CSS

element{ 
    width: 200px; 
    height: 300px; 
    overflow-y: auto; 
}

来源

2012-10-14 09:41:44

谢谢诺亚。我只用了overflow-y：auto;为我的问题，它的工作... – markthegrea 2014-10-30 17:06:22

启用垂直滚动textarea

回答

相关问题