.fadeTo并没有慢慢消失

.fadeTo is not fading in slowly

本文关键字：消失 慢慢 并没有 fadeTo      更新时间：2023-09-26

我一直在尝试在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时，它以毫秒为单位显示，而不是设置的值。

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

编辑

这是jsFiddle

但正如您所看到的，它在这方面起作用，我可能需要更新我正在使用的jquery。虽然

p>解决方案可能是使用数字而不是单词。

因此，单词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);
            }
        });
    });
相关文章：