jquery切换类不能完全工作

【问题标题】：jquery toggle class not working fullyjquery切换类不能完全工作
【发布时间】：2012-02-27 22:00:19
【问题描述】：

这甚至是假设通过将类添加到它来移动一个 div。但它移动到早期？ .title 还没有达到顶峰，它已经在进行中了！？

$(document).ready(function(){
   $(window).scroll(function() {
    var moveit = $('.title'), //the titles are to move
        targetScroll = $('.title').position().top, //when .title is at top
        currentScroll = $(document.body).scrollTop();

    moveit.toggleClass('down', currentScroll >= targetScroll);
  });
});

#box #left ul li:hover .down {
  top: 500px;
}

.down 早早被收录。

我做错了什么......它盯着我的脸不是吗？

【问题讨论】：

您的代码有效：jsfiddle.net/RVbCq 这很可能是一个 CSS 问题。

标签： jquery class toggle thumbnails

【解决方案1】：

这是因为 jQuery 使用它自己的队列来处理动画。它只是进入下一行。如果您想知道滚动何时结束，最好使用scrollTo 插件：http://flesler.blogspot.com/2007/10/jqueryscrollto.html

这将让您输入一个在滚动完成时执行的函数。在哈希对象中使用onAfter 参数。

更新

我希望我找到了。您正在检查 document.body。正文的滚动值始终为 0。所以请检查：$(document).scrollTop()。

http://jsfiddle.net/RVbCq/1/

【讨论】：

仔细阅读您的代码。我不知道我的理由是否正确。您的代码对于所有逗号和预定义查询有点混乱。但我希望插件能为你完成工作，所以我把答案留在这里。
我将它从位置更改为偏移，它可以工作。虽然我不太清楚为什么。