用户滚动时更改div的不透明度

Question

我正在创建一个网站,我希望标题(我的代码中名为floatHeader)在开始时不可见,然后一旦开始滚动就变得可见.我已经尽力用JQuery来做,但我不是很有经验,所以任何建议都会非常感激. 这是我当前的代码.

$(window).scroll(function () {
    if ($(window).scrollTop() > 10) { 
        $('.floatHeader').css("opacity", 1);
    }
    else{
        $('.floatHeader').css("opacity", 0);
    }
});

Answer 1

你的代码工作正常.您只需要在页面中包含jQuery即可.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

这是你的小提琴.