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

标签 javascript html css

有没有办法模仿滚动在 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/

相关文章:

html - 无法在 flex div 容器内的两行中显示 h3 标签

JavaScript:压缩 if else 语句

javascript - 如何通过提示另存为对话框来保存网页中的文件?

html - 在网页中显示缩略图的最佳实践

html - 使用 Z-index,边距无法将 div 推离另一个

html - 为什么我使用 TFHpple 解析此 HTML 数据后没有获得任何数据

css - 表格边框渗入 Chrome 中的相邻单元格

javascript - 尝试使用带有 mongodb 的 node.js 实现 Multi-Tenancy 系统时出现问题

javascript - 可编辑网格 ExtJS,如何在网格上编辑行后更新数据库中的行

javascript - 使 <td> 充当伞 <tr> 内的 <tr>(表格行)