Home>

How can I get the height of the visible part of the scroll area?
The visible part is the height of the scrollable area displayed on the screen in the state without scrolling.

The code below will get the height of the entire scrollbar
If i know how to calculate it, could you please tell me?

<script>
window.onload = function () {
document.getElementById ("f"). onscroll = function () {
s = f.scrollHeight;
alert (s);
}
}
</script>

test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test
  • Answer # 1

    f.clientHeightIs it that?

    The figure linked below is easy to understand.

    Element size and scrolling #geometry

  • Answer # 2

    Is that something like this?

    var rect = document.querySelector ('# f'). getBoundingClientRect ();
    var startY = rect.top>0? rect.top: 0;
    var endY = rect.bottom>window.innerHeight? window.innerHeight: rect.bottom;
    alert (endY --startY);