顫抖jQuery的縮略圖滾動CSS

Question

我工作的縮略圖卷軸：https://dl.dropbox.com/u/2241201/jquery-thumbnail-scroll/index.html

如果鼠標移到縮略圖，它搖晃左到右。

我覺得我已經嘗試了一切，但無法防止圖像縮略圖看起來不穩定。

我認爲這是一個CSS問題，因爲默認的滾動條較小，並沒有擺動。

Answer 1

這不是一個Css問題，它是一個JavaScript問題，它改變了.jTscroller的left屬性。

的代碼是

$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); 
}); 

使用

$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); 
}); 

見這裏：http://jsfiddle.net/rUCXg/2/