Finding out the maximum scrollTop of a div...
I have a DIV that scrolls. It's dimensions are:
#scrollDiv {
width: 800px;
height: 400px;
max-height: 400px;
min-height: 400px;
overflow: scroll;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
}
Suppose I fill it with a lot of content, so that vertical scrolling is needed to see all of it.
So for instance, I take a scrollHeight() of the div, and it gives me 3250.
I would assume that the maximum scrollTop I could get would be this number, minus 400 (since 400 is the height). But there is a padding of 10pixels, which probably applies both to the top and the bottom, so maybe the maximum scrollTop should be this number, minus 410.
If true, that would mean that the maximum value that scrollTop could ever take is 3250-410 or 2840. Oddly enough, though, I find that the maximum scrollTop is 2846.
Its a small difference, but my calculations need to know this.
(I am doing the testing in IE-11).
What could account for this difference?
#scrollDiv {
width: 800px;
height: 400px;
max-height: 400px;
min-height: 400px;
overflow: scroll;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
}
Suppose I fill it with a lot of content, so that vertical scrolling is needed to see all of it.
So for instance, I take a scrollHeight() of the div, and it gives me 3250.
I would assume that the maximum scrollTop I could get would be this number, minus 400 (since 400 is the height). But there is a padding of 10pixels, which probably applies both to the top and the bottom, so maybe the maximum scrollTop should be this number, minus 410.
If true, that would mean that the maximum value that scrollTop could ever take is 3250-410 or 2840. Oddly enough, though, I find that the maximum scrollTop is 2846.
Its a small difference, but my calculations need to know this.
(I am doing the testing in IE-11).
What could account for this difference?