javascript - .fadeTo 不会慢慢淡入

Question

我一直在尝试在 div 上添加一个 .fadeTo 并最终让它工作

我有这个:

<section class= "hue innerS1" id="hue" >
    <p class="huep innerS1">BRILLIANT-HUED</p>

    <script>
        $(window).scroll(function () {
            $('[class^="hue"]').each(function () {
                if (($(this).offset().top - $(window).scrollTop()) < 150) {
                    $(this).stop().fadeTo('slow', 1);
                } else {
                    $(this).stop().fadeTo('slow', 0);
                }
            });
        });
    </script>

</section>

但是当我滚动到 div 时，它以毫秒为单位显示，而不是它已设置的值。当我向上滚动回到 div .fadeTo 时，它就可以工作了。

我看不出有什么问题，因为两行代码都是一样的，所以它应该可以工作，不是吗？

编辑

这是 jsFiddle

但如您所见，它在这方面发挥了作用，我可能需要更新我正在使用的 jquery。虽然表现得有点滑稽

Answer 1

解决方案可能是使用数字代替单词。

因此，词 slow 使用任何数字(数字越大，花费的时间越长 - 这里是，例如 800 - 但数字可能会根据您的需要而不同)。它将允许您准确设置它会持续多长时间。

$(window).scroll(function () {
        $('[class^="hue"]').each(function () {
            if (($(this).offset().top - $(window).scrollTop()) < 150) {
                $(this).stop().fadeTo(800, 1);
            } else {
                $(this).stop().fadeTo(800, 0);
            }
        });
    });