向左滚动不能正常工作

Question

当我点击按钮时，div滚动到指定的区域。对于第一次点击所有的事情是ok.but的第二次点击和更多，滚动动画不工作或工作与许多延迟！这是我的小提琴：http://jsfiddle.net/AliN11/7CgFp/3/

注意:当打开jsfidde时，请在我的jsfiddle的结果部分滚动小水平滚动。

Answer 1

修改您的javascript如下：

 $(document).ready(function(){
        $("#b1").click(function(){$("#main").animate({ scrollLeft:110 }, "fast");});
        $("#b2").click(function(){$("#main").animate({ scrollLeft:210 }, "fast");});
        $("#b3").click(function(){$("#main").animate({ scrollLeft:310 }, "fast");});
        $("#b4").click(function(){$("#main").animate({ scrollLeft:410 }, "fast");});

    });

Answer 2

每次窗口滚动时，都会追加一个新的单击处理程序。这不是你想要的。只需追加一次单击处理程序并完成它。

$("#b1").click(function(){$("#main").animate({ scrollLeft:110 }, "fast");});
$("#b2").click(function(){$("#main").animate({ scrollLeft:210 }, "fast");});
$("#b3").click(function(){$("#main").animate({ scrollLeft:310 }, "fast");});
$("#b4").click(function(){$("#main").animate({ scrollLeft:410 }, "fast");});

http://jsfiddle.net/7CgFp/4/