如何在不需要时隐藏垂直滚动条
如何在不需要时隐藏垂直滚动条
提问于 2012-03-05 08:39:45
我有一个文本区域，它包含在div中，因为我有jquery提示，并希望在不更改边界的情况下使用不透明度。有一个可见的垂直滚动条，当我在文本字段中输入时，它超出了容器，我希望它只显示出来。我尝试了overflow: auto；，但不起作用。
Textfield：
<label>
<div id="name">
<textarea name="message" type="text" id="message"
title="Enter Message Here"
rows=9 cols=60 maxlength="2000"></textarea>
</div>
</label>样式：
#name {
border: 1px solid #c810ca;
width: 270px;
height:159px;
overflow: hidden;
position: relative;
}
#message {
height: 400px;
width: 235px;
overflow: hidden;
position: absolute;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2012-03-05 09:38:39
overflow: auto (或overflow-y: auto)是正确的方法。
问题是你的文本区域比你的div高。div最终切断了文本框，所以即使它看起来应该在文本比159px高的时候开始滚动，它也不会开始滚动，直到文本比文本框的高度400px高。
试试这个：http://jsfiddle.net/G9rfq/1/
我在文本框上设置了overflow:auto，并使文本框的大小与div相同。
另外，我不认为在label中包含div是有效的，浏览器会呈现它，但它可能会导致一些奇怪的事情发生。此外，您的div未关闭。
Stack Overflow用户
发布于 2012-03-05 08:41:57
我认为overflow: auto;或overflow: hidden;应该做这件事。
Stack Overflow用户
发布于 2013-03-06 18:01:09
在.css类中添加此类
.scrol {
font: bold 14px Arial;
border:1px solid black;
width:100% ;
color:#616D7E;
height:20px;
overflow:scroll;
overflow-y:scroll;
overflow-x:hidden;
}并使用div中的类。就像这里。
<div> <p class = "scrol" id = "title">-</p></div>我有一个附加的图片，你可以看到上面代码的输出
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9560330
复制相关文章
相似问题