Question

我正在制作缩略图卷轴：https://dl.dropbox.com/u/2241201/jquery-thumbnail-scroll/index.html

如果将鼠标悬停在缩略图上，它会从左向右摇摆。

我觉得我已尝试过所有内容，但无法阻止图片缩略图看起来不稳定。

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

Answer 1

这不是一个Css问题，它是一个JavaScript问题，会更改.jTscroller的{{1}}属性。

代码是

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

请在此处查看：http://jsfiddle.net/rUCXg/2/

摇摇欲坠的jQuery缩略图滚动CSS

1 个答案: