有没有办法模仿滚动在 readonly="readonly"的文本输入上的工作方式。它的工作方式是,如果文本比框长,您可以突出显示并滚动以查看所有内容,而无需滚动条。
我想有同样的效果,但在 div 内的段落或标题中。无论如何都可以这样做,还是我应该只使用带有 readonly="readonly"的文本输入并将其设置为看起来像我的标题?
谢谢!
最佳答案
这是可能的,需要一个额外的容器和很少的 Javascript。
在您想要滚动但不带滚动条的元素周围添加一个容器 div。使用 Javascript,计算元素的 scrollHeight
(没有滚动条的高度),并将其设置为容器的 height
。
工作示例:http://jsfiddle.net/keune/Cb4jw/1/
但正如您所提到的,我认为将只读输入设置为看起来像标题的样式将是一种更简洁的解决方案,并且无需 javascript 即可工作。您的选择。
关于javascript - div中长文本的只读文本输入滚动效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10468265/