我想当我点击按钮时,div
滚动到指定区域。第一次点击一切正常。但第二次点击等等,滚动动画不起作用或延迟很多!这是我的 jsfiddle:http: //jsfiddle.net/AliN11/7CgFp/3/
注意:打开 jsfidde 时,请在我的 jsfiddle 的结果部分滚动小水平滚动。
我想当我点击按钮时,div
滚动到指定区域。第一次点击一切正常。但第二次点击等等,滚动动画不起作用或延迟很多!这是我的 jsfiddle:http: //jsfiddle.net/AliN11/7CgFp/3/
注意:打开 jsfidde 时,请在我的 jsfiddle 的结果部分滚动小水平滚动。
每次窗口滚动时,您都会添加一个新的单击处理程序。这不是你想要的。只需附加一次点击处理程序并完成它。
$("#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");});
});