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

Question

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

我希望在 div 内的段落或标题中具有相同的效果。无论如何要这样做，还是我应该只使用带有 readonly="readonly" 的文本输入并将其样式设置为看起来像我的标题？

谢谢！

Answer 1

这是可能的，有一个额外的容器和很少的 Javascript。

在要在没有滚动条的情况下滚动的元素周围添加一个容器 div。并使用 Javascript，计算scrollHeight元素的（没有滚动条的高度），并将其设置为容器的height.

工作示例：http: //jsfiddle.net/keune/Cb4jw/1/

但正如您所提到的，我认为将只读输入设置为看起来像标题将是一种更简洁的解决方案，并且无需 javascript 即可工作。你的选择。