我有一个垂直滚动条,显示为不可单击。垂直滚动条可见,但该条似乎已禁用。

对于文本区域,我有:

<textarea id="mytextarea" rows="10" style="white-space: pre-wrap; width:99%; overflow-y:scroll; overflow-x:hidden; vertical-align:middle;"></textarea>


编辑:我发现脚本中的另一个div附加了一个“ position:absolute”。将其更改为相对值后,可以单击y滚动条。想知道为什么这个位置:绝对会影响滚动条?

有没有一种方法可以显式启用垂直滚动条?

最佳答案

显示竖线,因为您具有overflow-y: scroll;此属性专门使竖线始终可见。它看起来被禁用的原因是文本区域中没有足够的内容使其无法滚动。

如果添加的内容超过文本框的高度,则该条将是可滚动的。

这是其中包含大量文本的代码,您将看到它可以滚动。删除所有这些文本,然后将其禁用。

https://jsfiddle.net/741232t2/1/

如果您希望栏仅在滚动时才显示,则您要执行overflow-y: auto;

下一个小提琴有overflow-y: auto;,如果您删除所有在那里的文字,您会看到该条也消失了。

https://jsfiddle.net/741232t2/2/

但我建议您使用单个溢出调用,而不是2,例如:overflow: auto;。它将完成您想要的工作。

<textarea id="mytextarea" rows="10" style="white-space: pre-wrap; width:99%; overflow:auto; vertical-align:middle;">/textarea>


https://jsfiddle.net/741232t2/3/

关于javascript - HTML垂直滚动条未启用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47541108/

10-12 01:05
查看更多