Javascript / jQuery：检查文本是否在元素的视口内

Question

我在一个字体大小为font-size: 4vw的元素中有文本，这意味着如果文本太长，只有文本的开头会保留在视口中。

例如：|示例长文本|成为|示例Lon |。我正在寻找一个脚本，而不是这样做，它将成为|例L .. |表示有更多内容。但是，我不知道如何检查文本是否已离开视口。

有什么想法吗？

Answer 1

您不必使用JS来解决此问题 - 可以使用text-overflow属性使用纯CSS来完成。这样您就不必自己解决一些编码的复杂问题。

此处示例：https://jsfiddle.net/37x7jyze/