Javascript/jQuery: 检查文本是否在元素的视口内
Javascript/jQuery: Check if text is within viewport of element
我在字体大小为 font-size: 4vw 的元素中有文本，这意味着如果文本太长，只有文本的开头会保留在视口中。
例如：|长文本示例|变成 |Example Lon|。我希望编写一个脚本，而不是那样做，它将变成 |Example L..|表示还有更多内容。但是，我不知道如何检查文本是否已经离开视口。
有什么想法吗？
您不必使用 JS 来解决此问题 - 可以使用 text-overflow 属性 使用纯 CSS 来完成。这使您不必自己解决一些复杂的编码问题。
我在字体大小为 font-size: 4vw 的元素中有文本，这意味着如果文本太长，只有文本的开头会保留在视口中。
例如：|长文本示例|变成 |Example Lon|。我希望编写一个脚本，而不是那样做，它将变成 |Example L..|表示还有更多内容。但是，我不知道如何检查文本是否已经离开视口。
有什么想法吗？
您不必使用 JS 来解决此问题 - 可以使用 text-overflow 属性 使用纯 CSS 来完成。这使您不必自己解决一些复杂的编码问题。