jquery - 淡出固定元素。

Question

如果你去here ，您会看到一个“Danger Will Robinson”按钮，它可能设置为 CSS position:fixed。当您向下滚动页面时，它会停留在窗口/视口(viewport)的顶部。请注意，此框周围有一个白色的框阴影(或淡出效果？)。因此，当您向下滚动页面时，所有元素(主要是灰色按钮)似乎都在淡出。

我正在尝试弄清楚如何获得这种很酷的“当您向下滚动时，页面顶部的内容似乎会淡出”效果。这有点让我头疼。

Answer 1

它只是一个线性渐变。

请看它的样式是

background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
padding: 24px 0;
position: relative;
z-index: 999;
pointer-events: none;
max-width: 668;