我有两个按钮,一个是“箭头向上”类,另一个是“向下箭头”类。如果单击“箭头向下”按钮,页面将向下滚动到下一节,如果单击“箭头向上”按钮,它将向上滚动到上一节,所有这些都是用库'jump.js‘创建的。
问题是,每当用户在任一按钮上多次单击时,动画就会中断。我想做的是,当用户点击一个按钮,他应该等到动画完成(1-2秒),然后能够重新点击它。
下面是代码,或者实际上是onClick事件:
// on click event
const onArrowClick = direction => {
//if user clicked on arrow up button
我正在尝试通过网络服务来做userLogin。该项目在后端使用Bootstrap for css和angular。我有一个带有隐藏的div的登录屏幕,当用户单击login button.Its一个动画登录图标时,它就会显示出来。一切都很好。我只想使整个页面的背景,包括userId,密码不可编辑以及登录按钮不可点击。
//this code animates the divs to the left after every 5 secs
$(document).ready(function() {
var refreshId = setInterval(function() {
$('.box').each(function() {
if ($(this).offset().left < 0) {
$(this).css("left", "150%");