javascript - 固定标题淡出，淡入

Question

说到JS，我是菜鸟，所以我提前道歉。

我正在尝试制作一个固定的标题，向下滚动时“淡入”0.5 不透明度，当滚动回顶部时淡入完全不透明（“不透明度”：1.0）？

这是我到目前为止所拥有的：

$(document).ready(function() {

var div = $('#header');
var start = $(div).offset().top;

$.event.add(window, "scroll", function() {
if($(window).scrollTop();
$('#header').fadeTo(600, 0.5);

$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '0px');

});

Answer 1

$('body, html').on('scroll', function() {
     if ($(this).scrollTop() > 10) {
         $("#header").fadeTo(600, 0.5);
     }else{
         $("#header").fadeTo(600, 1);

     }
});