我有两个按钮,一个是“箭头向上”类,另一个是“向下箭头”类。如果单击“箭头向下”按钮,页面将向下滚动到下一节,如果单击“箭头向上”按钮,它将向上滚动到上一节,所有这些都是用库'jump.js‘创建的。
问题是,每当用户在任一按钮上多次单击时,动画就会中断。我想做的是,当用户点击一个按钮,他应该等到动画完成(1-2秒),然后能够重新点击它。
下面是代码,或者实际上是onClick事件:
// on click event
const onArrowClick = direction => {
//if user clicked on arrow up button