如何检测文本是否溢出？例如,以下文本比div容器允许的长.如何在javascript中检测到这一点？
<div style="max-width: 100px; white-space:nowrap; overflow: hidden;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit
</div>
如果元素是overflow:hidden,我们使用浏览器的文本搜索功能来查找该元素中的文本,但它不可见,Chrome将移动该元素,以便搜索结果对用户可见.
您可以在此处看到这种情况:http://codepen.io/anon/pen/qdayVz 打开Chrome中的链接并搜索不可见的文本,例如"CCC",您将看到Chrome将移动显示已找到文本的元素.
以下是一个真实的示例:http://www.jssor.com/demos/full-width-slider.html - 搜索不在可见幻灯片中的文本.
这在Firefox中不会发生.
我有多行的容器，但只有第一个可见的（overflow:hidden）。单击即可扩展容器。（请参阅/sf/answers/488098131/和jsFiddle http://jsfiddle.net/JUtcX/2/）
如果有人用不可见行中的文本执行Ctrl + F，则浏览器将报告匹配项，但无法显示该匹配项（因为它已隐藏）。
如何对Ctrl + F作出反应并打开容器，是否在其中搜索了不可见的文本？
[更新]不满足所有要求的方法：