Javascript / jQuery：检查文本是否在元素的视口内
[英]Javascript/jQuery: Check if text is within viewport of element
问题描述
我在字体大小为font-size: 4vw的元素中包含文本，这意味着如果文本太长，则仅文本的开头将保留在视口中。
例如：||长文本示例| 成为| Example Lon |。 我希望编写一个脚本，而不是那样做，它将成为| Example L .. |。 表示还有更多内容。 但是，我不知道如何检查文本是否已离开视口。
有任何想法吗？
1 个解决方案
解决方案1
0 已采纳 2017-04-21 17:37:38
您不必使用JS来解决此问题-可以使用纯CSS使用text-overflow属性来完成此任务。 这使您不必自己编写一些复杂的代码。
此处的示例： https ： //jsfiddle.net/37x7jyze/
如何使用 JavaScript 检查元素在视口中是否可见一半？
[英]How to check if element is half visible in the viewport with JavaScript?
jQuery / Javascript-检查给定数组中的每个元素是否在其他每个元素内
[英]jQuery/Javascript - check if every element in a given array is within each of the others
我如何（正确地）检查元素是否在 React 的视口内？
[英]How do I (correctly) check whether an element is within the viewport in React?
使用jquery.visible.js和偏移量检测元素是否在视口中
[英]Detecting if an element is within the viewport by using jquery.visible.js and an offset
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.