0

I tried to calculate offSetWidth of a div element which has the following css properties: 1)Height:500px 2)overflow:auto 3)dir:rtl 4)box-sizing:border-box

I added less content in the div so that the div does not show any scroll and used offSetWidth property to calculate offSetWidth and it was 1302. Then I added more content so that the browser started adding a scrollbar to the div. I again used offSetWidth property to calculate the offSetWidth with scrollbar in the div.

The result was surprisingly 1302 again. Now I'm unable to figure out the reason why the offSetWidth of the div is same when the div has scrollbar and when it does not have scrollbar.

Please help me in this regard. THANKS IN ADVANCE

Musharaf Ali
  • 11
  • 3
  • You could think of `offsetWidth` as the horizontal size of the div as seen from the outside ([there's a more comprehensive explanation here](https://stackoverflow.com/questions/21064101/understanding-offsetwidth-clientwidth-scrollwidth-and-height-respectively)). Perhaps what you're expecting is the `scrollWidth`. – motto Feb 19 '23 at 10:27

0 Answers0