css("Right", posVar); does not work

Question

The Main objective here is to make an instant "jump" to the right. I don't want to use .animate(), because it makes a little "flashing" effect - because it is not instant. I think .css() will make an instant "jump" to the right, without flashing effect.

I don't know why this will not work.. Instead of using .css() I actually have to workaround this issue with .animate:

$("#gallery ul").animate({right: posVar},0);

Here is my actual code:

setTimeout(function(){
   var posVar = 2838;        
   $('#gallery ul').css("right", posVar);
}, 300);

What's wrong with that?

CSS:

#gallery ul {
  display:block;
  position:relative;
  width:14000px; /*auto calculated from javascript */
}

Answer 1

Css attributes:left, right, top, down will not work with display:block try display:absolute or display:fixed

I dont know what was on my mind when I wrote that answer. I mean to say.... you need position:absolute or position:fixed or position:relative

And I think the problem with your code is there is not "px" at the end...

I have fiddeled it, and here it is http://jsfiddle.net/Starx/8w6cS/

YOUR CODE IS WORKING HERE IS A PROOF

http://jsfiddle.net/Starx/8w6cS/1/

---

AND IF YOU TRYING TO MOVE YOUR ul to 2838px to the right Here is your solution

http://jsfiddle.net/Starx/8w6cS/2/