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.