Question

我知道之前已经讨论过，但我似乎无法让它适合我，我会感激一些帮助。

我正在尝试使用此代码滚动一些像素后更改徽标的不透明度：

<script>
        $(window).scroll(function() {
            if ( $(window).scrollTop() >= 675 ) {
                $('.logo_full').css('opacity', '1');
            } else {
                $('.logo_full').css('opacity', '0'); 
            }
        });
</script>

这是事物的现场版本。我认为最好是现场检查，而不是查看一些代码。 link

我开始认为这是一些不合适或某些东西。

有什么想法吗？

Answer 1

尝试：

$(document).ready(function() {
    $('#wrapper').scroll(function() {
        if ( $('#wrapper').scrollTop() >= 675 ) {
            $('.logo_full').css('opacity', '1');
        } else {
            $('.logo_full').css('opacity', '0'); 
        }
    });
});

$（window）.scrollTop（）不断返回0，而当你滚动时，$（'＃wrapper'）。scrollTop（）确实会返回你期望的结果。您可能需要将其包装在$（document）.ready中以确保您在正确的时间绑定。

在滚动上改变CSS

1 个答案: