I’m creating a simple sliding motion. But the div that is sliding in is using percentage for its width and right positioning.
The problem is in Webkit browsers. The value that I get using jQuery is actually the Percentage itself, while in Firefox, jQuery returned the calculated value of the percentage, based on the width of the parent element.
See here: http://jsfiddle.net/flisterz/ChZLu/
Click the trigger, and u can see the “right” value is the % value on your first click on Webkit (first click only). In Firefox, the “right” value is already the correctly calculated on even on first click.
Any tips? Thanks!
It might be that you have to get the position(). Seeing as things are generally positioned top/left I’ve made the example use left rather than right. It still is setup in css using percents.
A little more math and you can use right if you really need to.
See:
http://jsfiddle.net/ChZLu/1/