Best practice for checking if a div is showing all of its content

Question

I have a div with some dynamic content which is plain text. I have also applied max-height to it and thus, some of the content might not be displayed. What I want to check is if the whole content is displayed after rendering.

So, my question is:

Is it best practice to check if offsetHeight < scrollHeight to see if the whole content of the div is displayed regarding its height?

@JorgeFuentesGonzález I know that it can be done in that way. However, is it best practice? — vchan, Sep 18 '19 at 11:44
Is not a bad practice actually. Depends a lot on your app and how do you do things. — Jorge Fuentes González, Sep 18 '19 at 12:17
`innerHeight` can be better than `offsetHeight` because it includes paddings, see [this answer](https://stackoverflow.com/questions/4814398/how-can-i-check-if-a-scrollbar-is-visible/9016183#9016183) in a terrible, terrible thread. — GaloisGirl, Sep 18 '19 at 12:29
@GaloisGirl Could you answer the question so I can accept your answer? — vchan, Sep 19 '19 at 07:13

score 0 · Accepted Answer · answered Sep 19 '19 at 09:27

0

JQuery's innerHeight can be better than offsetHeight because it includes paddings, see this answer

Here's how to get innerHeight without jQuery: Get innerWidth() equivalent without jQuery

answered Sep 19 '19 at 09:27

GaloisGirl

1,476
1
8
14

Best practice for checking if a div is showing all of its content

1 Answers1