摇摆jQuery缩略图滚动器CSS

我正在制作一个缩略图滚动条：

如果将鼠标移到缩略图上，它会从左向右摆动

我觉得我已经尝试了一切，但无法防止图像缩略图看起来不稳定

---

我认为这是一个CSS问题，因为默认的滚动条更小，并且没有晃动。

这不是CSS问题，而是一个JavaScript问题，它改变了

。jtcroller

的

左属性

代码是

$this.mousemove(function(e){
    mouseCoords=(e.pageX-pos[1]);
    mouseCoordsY=(e.pageY-pos[0]);
    var mousePercentX=mouseCoords/$this.width(); if(mousePercentX>1){mousePercentX=1;}
    var mousePercentY=mouseCoordsY/$this.height(); if(mousePercentY>1){mousePercentY=1;}
    var destX=Math.round(-((totalWidth-$this.width())*(mousePercentX)));
    var destY=Math.round(-((totalHeight-$this.height())*(mousePercentY)));
    $scroller.stop(true,false).animate({left:destX,top:destY},options.scrollEasingAmount,options.scrollEasing); 
});

使用

看到这里：
嗨，杰西：我今天在手机上工作，所以我不能点击你的链接。但首先想到的是边界。您是否在
：hover
（尤其是添加边框或更改边框大小）上应用任何边框更改？这不是CSS问题，而是JavaScript问题改变了
。jTscroller
的
左属性
$this.mousemove(function(e){
    var obj=new Object();
    if(options.scrollerOrientation=="horizontal"){
        mouseCoords=(e.pageX-pos[1]);
        var mousePercentX=mouseCoords/$this.width(); if(mousePercentX>1){mousePercentX=1;}
        var destX=Math.round(-((totalWidth-$this.width())*(mousePercentX)));
        obj.left=destX;
    }else{
        mouseCoordsY=(e.pageY-pos[0]);
        var mousePercentY=mouseCoordsY/$this.height(); if(mousePercentY>1){mousePercentY=1;}
        var destY=Math.round(-((totalHeight-$this.height())*(mousePercentY)));
        obj.top=destY;
    }
    $scroller.stop(true,false).animate(obj,options.scrollEasingAmount,options.scrollEasing); 
});