Why scrollWidth doesn't work in this case in Firefox?

Question

I\'m trying to make a simple marquee in Javascript, and need to get the full content width of innerDIV in the following:

        
                      

              相关标签:
       
      

Answer 1

This seems to do the trick:

docWidth = Math.max(
        Math.max(frameDoc.body.scrollWidth, frameDoc.documentElement.scrollWidth),
        Math.max(frameDoc.body.offsetWidth, frameDoc.documentElement.offsetWidth)                               
);

Answer 2

I had the same issue and I found an answer for your questions. This is a bug in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=833542.

Firefox returns for scrollWidth the clientWidth value. It should be fixed in Firefox 21.

For now, I used a workaround to get the correct scrollWidth on Firefox: set the overflow to hidden, get the correct scrollWidth and revert the overflow to visible. Please see: http://jsfiddle.net/5fPGy/5/

var scrollWidth = $(ele).css("overflow", "hidden")[0].scrollWidth;
alert('clientWidt h = ' + ele.clientWidth + ',  scrollWidth = ' + scrollWidth  );
$(ele).css("overflow", "visible");

Best of luck,

Andrei