title: Javascript/jQuery: Check if text is within viewport of element
body: <p>I have text within an element whose font size is <code>font-size: 4vw</code>, this means that if the text is too long, only the beginning of the text will remain within the viewport.</p>
  
  <p>eg: |Example Long Text| becomes |Example Lon|. I'm looking to write a script such that rather than do that, it will become |Example L..| to indicate that there is more content. However, I don't know how to check if the text has left the viewport.</p>
  
  <p>Any ideas?</p>