Javascript 水平向左滚动不'；我不能正常工作

我想当我点击按钮时，

div

滚动到指定区域。 对于第一次单击，一切正常。但是对于第二次单击和更多，滚动动画将启用 不工作或工作延误太多！ 这是我的JSFIDLE：

---

注意：打开jsfidde时，请在我的jsfidde的结果部分滚动一个小水平滚动。

每次窗口滚动时，您都会附加一个新的单击处理程序。这不是你想要的。只需附加一次单击处理程序，就可以完成了

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

---

如下更改您的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");});

    });

---

啊，该死的，你比我强：普利克。最好的答案！：*