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也

$（＆＃39; div＃search-apartments＃content-inner＃search-box＆＃39;）。attr（＆＃39; style＆＃39;，＆＃39; -webkit-transform：translate3d（0 ，＆＃39; + movepx +＆＃39; px，0）; - moz -transform：translate3d（0，＆＃39; + movepx +＆＃39; px，0）＆＃ 39）;

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

谢谢你们。

亚历克斯，你的工作不是以某种方式工作，但索伊尔，你的工作完美。我只是为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)');

再次，谢谢

firefox（moz）和safari（webkit）上的translate3d

3 个答案: