jquery - jQuery动画不精确

Question

我构建了使用 jQuery 动画的滑块。幻灯片应向左和向右移动。有时动画不精确 1 像素。假设它应该从左边滑到 0 像素，但它停在 1 像素。至少在谷歌浏览器中我遇到了这个问题。为什么会这样，我该如何预防？

这是功能：

var faces_width = 414;

function facebox_next (id) {
    var index = parseInt($(id).attr("index"));
    index++;
    if(index <= $(id).children("img").size()-1) {
        $(id).attr("index",index);
        $(id).animate({
            "left":-faces_width*index
        },300);
        //$(id).css("left",-faces_width*index);
    }
}

function facebox_prev (id) {
    var index = parseInt($(id).attr("index"));
    index--;
    if(index >= 0) {
        $(id).attr("index",index);
        $(id).animate({
            "left":-faces_width*index
        },300);
        //$(id).css("left",-faces_width*index);
    }
}

小提琴：http: //jsfiddle.net/vXYdu/

Answer 1

我只是将facechangerdiv 更改为小 1px 的宽度，这为我解决了问题

div#facechanger {position:relative; height:542px; margin:32px 0;width:540px}