2

I am able to move an image in Chrome, but not in Firefox. I have used the following code:

var s= $("#body").scrollTop();
$("#logo").css("-webkit-transform","translateY("+(s/3)+"px)");

For Firefox I have tried the following code:

$("#logo").css("-mozkit-transform","translateY("+(s/3)+"px)");

But it's not working.

What's its equivalent for Firefox?

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Rickie
  • 611
  • 2
  • 11
  • 21
  • 1
    instead of **-mozkit** write **-moz** – sandeep Feb 28 '13 at 12:43
  • Possible duplicate of [webkit-transform alternative for Firefox](https://stackoverflow.com/questions/7572884/webkit-transform-alternative-for-firefox) – TylerH Apr 26 '19 at 16:50

2 Answers2

9

https://developer.mozilla.org/pl/docs/CSS/transform

$("#logo").css("-moz-transform","translateY("+(s/3)+"px)");

And for other browsers:

transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
MarcinJuraszek
  • 124,003
  • 15
  • 196
  • 263
2

The "Mozilla" version is:

$("#logo").css("transform","translateY("+(s/3)+"px)");

with no prefix. This is, in fact, supported by current releases of all non-WebKit browsers.

Boris Zbarsky
  • 34,758
  • 5
  • 52
  • 55