Scroll size

1. What is scroll width?
2. How do I find out my scrollbar size?
3. How do I change the scroll size?
4. Why is scrollTop always 0?

What is scroll width?

scrollWidth read-only property is a measurement of the width of an element's content, including content not visible on the screen due to overflow. The scrollWidth value is equal to the minimum width the element would require in order to fit all the content in the viewport without using a horizontal scrollbar.

How do I find out my scrollbar size?

We can get the element's scrollbar size with the getBoundingClientRect method and the scrollHeight property of an element. To do this, we subtract the height property value retuned by getBoundingClientRect method by the scrollHeight property's value to get the width of the horizontal scrollbar.

How do I change the scroll size?

Double-click/tap on ScrollHeight. The Edit String window will open with the default value of -255. That is the standard size of the scrollbars you see on Windows. To change the Scrollbars height to your liking, enter a value between -120 (smaller) to -1500 (larger) for the size you want, and click/tap on OK.

Why is scrollTop always 0?

scrollTop property gets or sets the number of pixels that an element's content is scrolled vertically. An element's scrollTop value is a measurement of the distance from the element's top to its topmost visible content. When an element's content does not generate a vertical scrollbar, then its scrollTop value is 0 .