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

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

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

jQuery动画不精确

1 个答案: