我测试了我的网站在移动设备上的转换速度。
Apple设备运行良好,但Android设备没有。
注意:我使用Fullpage.js来触发转换。
以下是我的代码。
Jquery(Fullpage.js / url,https://github.com/alvarotrigo/fullPage.js)
onLeave: function(index, nextIndex, direction){
var leavingSection = $(this);
if(index == 4 && direction =='down'){
$('.m-tu-bg-01').addClass('d-bg-img-show d-bg-img-scale');
$('.m-tu-bg-01').removeClass('d-bg-img-hide d-bg-img-scaleLarge');
$('.m-tu-img-01').addClass('d-bg-img-show');
$('.m-tu-img-01').removeClass('d-bg-img-hide');
CSS
.d-bg-img-show {
opacity: 1;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);}
.d-bg-img-hide {
opacity: 0;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);}
.d-bg-img-scaleLarge {
transform: scale(0.4,0.4);}
.d-bg-img-scale {
transform: scale(1,1);}