使用translateX使小男孩位置移动时,如何获取left值?

来源:3-4 运动的状态控制

小不点儿微

2015-08-10 17:20

我用jquery.transit.js时脚本报错,所以用translate实现小男孩的移动,但是在暂停函数中获取left值时为auto,请问怎么获取正确的left值?代码如下:

$("#start_btn").click(function(){
    $("#boy").addClass('slow-walk');
    var content_width = $("#container").width();
    $("#boy").css({
        '-webkit-transform-style':'preserve-3d',
        '-webkit-transition':'-webkit-transform 10s linear',
        '-webkit-transform':'translateX('+content_width+'px)'
    });
    //脚本错误
    /*$("#boy").transition({
        'left': $("#container").width() + 'px',
        }, 10000, 'linear', function() {}
    );*/
});
$("#pause_btn").click(function(){
    var left = $("#boy").css('left');
    alert(left);//值为auto
    $("#boy").css('left',left)
    //增加暂停样式
    $("#boy").addClass("pause_walk");
});

写回答 关注

1回答

  • 艾伦Aaron
    2015-08-11 09:31:48
    已采纳

    offset().left

    小不点儿微

    offset().left取到了,这个值再怎么赋值给小男孩,我写的不起作用,小男孩还是一直向前滑动。代码如下: var left = $("#boy").offset().left; console.info(left); $("#boy").offset(function(n,c){ newPos = new Object(); newPos.left = left; return newPos; });

    2015-08-11 09:53:32

    共 2 条回复 >

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211523 学习 · 540 问题

查看课程

相似问题