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

时间:2012-05-06 05:04:53

标签: javascript html css

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

我希望在div中的段落或标题内有相同的效果。无论如何都要这样做,或者我应该只使用readonly =" readonly"并将它看起来像我的标题?

谢谢!

1 个答案:

答案 0 :(得分:0)

可以使用额外的容器和非常少的Javascript。

在要滚动的元素周围添加容器div而不使用滚动条。使用Javascript,计算元素的scrollHeight(没有滚动条的高度),并将其设置为容器的height

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

但正如你所提到的,我认为将一个只读输入看起来像一个标题将是一个更清洁的解决方案,并且没有javascript工作。你的选择。