Javascript div中长文本的只读文本输入滚动效果

有没有办法用readonly=“readonly”模仿滚动条在文本输入上的工作方式。它的工作方式是，如果文本比框长，您可以高亮显示并滚动查看所有文本，而无需滚动条

我希望在div内的段落或标题中具有相同的效果。是否有必要这样做，或者我应该使用带有readonly=“readonly”的文本输入，并将其样式设置为我的标题

---

谢谢

这是可能的，只需要一个额外的容器和很少的Javascript

在要滚动而无滚动条的元素周围添加容器div。使用Javascript，计算元素的

scrollHeight

（没有滚动条的高度），并将其设置为容器的

height

工作示例：

---

但正如您所提到的，我认为将只读输入样式设置为标题将是一个更干净的解决方案，并且可以在没有javascript的情况下工作。您的选择。

谢谢您的帮助。你提供的例子在firefox中运行得很好，但在IE中不行。关于如何让它在所有浏览器中运行，有什么想法吗？啊，IE。我应该测试一下。当滚动条可见时，它看起来甚至不起作用。如果我有什么想法，我会调查并更新我的答案。但同样，您可以选择使用只读输入，在这种情况下似乎更好。