php - 火狐 (moz) 和 safari (webkit) 上的 translate3d

Question

我怎样才能添加一些代码，以便我translate3d effect也适用于firefox.jquery 代码是：

if (st > lastScrollTop){


$('div#search-apartments #content-inner #search-box').attr('style', '-webkit-transform:translate3d(0, '+movepx+'px, 0)');

} else {

$('div#search-apartments #content-inner #search-box').attr('style', '-webkit-transform:translate3d(0, '+movepx+'px, 0)');

那么我需要如何以及在哪里添加代码"-**moz**-transform:translate3d(0, '+movepx+'px, 0)"？

谢谢！

Answer 1

使用此代码，这也将帮助您解决 Firefox

$('div#search-apartments #content-inner #search-box').attr('style', '-webkit-transform:translate3d(0, '+movepx+'px, 0);- moz -transform : translate3d (0, '+movepx+'px, 0)');

Answer 2

用这个

if (st > lastScrollTop){

    $('div#search-apartments #content-inner #search-box').css({'-webkit-transform':'translate3d(0, '+movepx+'px, 0)','-moz-transform:translate3d(0, '+movepx+'px, 0)'});
} else {

    $('div#search-apartments #content-inner #search-box').css({'-webkit-transform':'translate3d(0, '+movepx+'px, 0)','-moz-transform:translate3d(0, '+movepx+'px, 0)'});
}

Answer 3

感谢你们。

亚历克斯，你的不工作，但 Sohail，你的工作完美。我刚刚为 IE 和 Opera 扩展了您的解决方案，并从中做出了这个：

$('div#search-apartments #content-inner #search-box').attr('style', '-webkit-transform:translate3d(0, '+movepx+'px, 0);-moz-transform:translate3d(0, '+movepx+'px, 0);-ms-transform:translate3d(0, '+movepx+'px, 0);-o-transform:translate3d(0, '+movepx+'px, 0)');

再次谢谢你