Unable to get scrollbar width in Mozilla Firefox

Asked Oct 03 '13 at 20:27

Active Oct 03 '13 at 20:49

Viewed 229 times

I am trying to get the scrollbar width in Mozilla Firefox like this:

var scrollWt = div.offsetWidth - div.clientWidth - borderLeft - borderRight;
var scrollHt = div.offsetHeight - div.clientHeight - borderTop - borderBottom;

This is working fine in Webkit browsers, but in firefox both the values are 0. After debugging I found that in Firefox, clientHeight and clientWidth are same as offsetWidth and offsetHeight, just excluding border values.

How do I fix the above code to get the correct scrollbar size?

Edit:

I have tried scrollWidth too. No luck!

edited Oct 03 '13 at 20:49

asked Oct 03 '13 at 20:27

Exception

7,721
19
82
133

how to "fix" this "issue"? you mean the default browser behavior? – PlantTheIdea Oct 03 '13 at 20:28
@PlantTheIdea Sarcastic! updated the question :) – Exception Oct 03 '13 at 20:30
Hmm well even MDN says that "clientWidth" is supposed to exclude the width of the scroll bar. – Pointy Oct 03 '13 at 20:32
@Pointy Any hack or Firefox specific methods to fix this? – Exception Oct 03 '13 at 20:38
something along these lines might be a good starting point => http://stackoverflow.com/questions/986937/how-can-i-get-the-browsers-scrollbar-sizes – PlantTheIdea Oct 03 '13 at 21:16

Unable to get scrollbar width in Mozilla Firefox

0 Answers0