固定标题FadeOut，FadeIn

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);

     }
});