Question

我希望当我点击按钮时，div滚动到指定区域。首次点击所有的东西都是好的。但是对于第二次点击等等，滚动动画不起作用或工作有很多延迟！这是我的jsfiddle：http://jsfiddle.net/AliN11/7CgFp/3/

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

Answer 1

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

$("#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/

Answer 2

像这样更改你的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");});

    });

左侧水平滚动无法正常工作

2 个答案: