满足条件时禁用动画 jQuery

Disable animate when condition is met jQuery

本文关键字:动画 jQuery 条件 满足      更新时间:2023-09-26

这可能是一个简单的问题,也许我在这里遗漏了一些东西。

所需的效果是当用户单击.left.right href 标签时,.tabs滚动器每次都会向左或向右滚动105px。 这部分正在工作。

我遇到障碍的地方是如何在.tabsdiv 的 css 位于div 的0px或末尾时禁用动画效果。 这似乎可以通过offsetposition轻松完成,但两者都给了我不同的价值。 我相信这是因为 .tabsdiv 实际上是使用 magin: 0 auto 居中。

试图检索css("left")并编写有条件的if == 0语句也是失败的。

我在这里错过了什么吗? 我不应该尝试根据位置禁用left按钮吗? 有没有更简单的方法可以做到这一点?

$(".right").click(function () {
    $(".tabs").animate({
        left: '-=105'
    }, 500);
    return false;
});
$(".left").click(function () {
    $(".tabs").animate({
        left: '+=105'
    }, 500);
    return false;
});

根据他问题中的评论,

$(".tabs").css('left')返回px中的值

所以,为了比较,要么你这样做

$(".tabs").css('left') === '0px'

parseInt($(".tabs").css('left')) === 0