如何使用下划线油门滚动？

Question

我试图在我的div滚动中使用下划线库加油功能。

演示：https://jsfiddle.net/arunslb123/ffxhn0xg/

单击向左箭头和向右箭头进行div滚动。

我的代码：

$("#lft-arrow").click(function () {
 var leftPos = $('#numWrap').scrollLeft();
 $("#numWrap").stop().animate({scrollLeft: leftPos - 200}, 800);
});

$("#rgt-arrow").click(function () {
 var leftPos = $('#numWrap').scrollLeft();
 $("#numWrap").stop().animate({scrollLeft: leftPos + 200}, 800);
});

我的油门代码：

function leftArrow(){
 var leftPos = $('#numWrap').scrollLeft();
 $("#numWrap").stop().animate({scrollLeft: leftPos - 200}, 800);
}

function rightArrow(){
 var leftPos = $('#numWrap').scrollLeft();
 $("#numWrap").stop().animate({scrollLeft: leftPos + 200}, 800);
}


var throttledLeft = _.throttle(leftArrow, 100);
var throttledRight=_.throttle(rightArrow,100);



$("#lft-arrow").click(function () {
 $("#numWrap").scroll(throttledLeft);
});

$("#rgt-arrow").click(function () {
 $("#numWrap").scroll(throttledRight);
});

如何在这里使用_throttle？

Answer 1

回答我自己的问题。

问题是油门功能的等待时间应该大于动画功能。

这是我更新的代码：

var leftArrow=function(){
 var leftPos = $('#numWrap').scrollLeft();
 $("#numWrap").animate({scrollLeft: leftPos - 200}, 800);
}

var  rightArrow=function(){
 var leftPos = $('#numWrap').scrollLeft();
 $("#numWrap").animate({scrollLeft: leftPos + 200}, 800);
}

$("#lft-arrow").click(_.throttle(leftArrow,1000));
$("#rgt-arrow").click(_.throttle(rightArrow,1000));