Javascript 固定标题淡出，淡出

说到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');

});

---

你忘了问一个问题？到目前为止它在做什么？谢谢@adeneo，但如果我实现了这段代码，我的标题不再固定，也不再随页面滚动？那是因为你把它定位错了，如果你想滚动，请使用绝对位置或相对位置，如果你想让它保持不变，使用fixed。@自学成才的程序员我在css中将我的#头定位为“fixed”，但这似乎仍然不起作用。当你滚动时，它会逐渐变为0.5不透明度，但当我向上滚动时，它不会恢复到完全不透明度。这里是我现在拥有的：$（窗口）.scroll（函数（）{if（$（this）.scrollTop（）==0）{$（“#头”）.fadeTo（200，1）；}否则{$（“#头”）.fadeTo（600，0.5）；}）；请参阅我编辑的答案。如果有可能影响顶部位置等的边距/填充，请尝试在开始淡入时调整的值。

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

     }
});