<分区>
我正在尝试创建以下效果:
这意味着它不会像过渡效果那样出现。但是，如果假设您滚动 150 像素，您可以看到具有透明效果的 div 元素(50%，因为它在 100 像素时开始淡入，在 200 像素时它完全显示) .如果你滚动 175 像素，你可以看到更多的 div。如果您达到 200 像素并继续向下滚动，div 将保持可见。
同样的备份:如果你向上滚动它会逐渐消失。
这主要针对Android页面:屏幕顶部会逐渐出现一个header，然后一直停留在顶部(使用position: fixed;)。
最后我要澄清的是，制作这种效果意味着 css 将不断变化:在 120 像素时，opacity 将具有 0.2(20 % 可见)，在 0.55 的 155，在 0.83 的 183。
注意:这是可能的!我以前见过! =)
最佳答案
如果我理解正确，那么试试这个:
$( window ).scroll(function() {
var top = $( window ).scrollTop( );
var opacity = (top-100)/100;
fixedElement.css("opacity",opacity);
});
演示:
关于javascript - 向下/向上滚动时逐渐出现/淡出 HTML 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39282518/