Sticky Header使图像在屏幕上消失

Question

我在网站上添加了一个标题，您可以在此处看到：http://tinyurl.com/mhcls2w

但正如您所看到的，一旦您滚动400px以使菜单跳转到屏幕顶部，第一张图像也会跳起并在屏幕上不再可见。

在菜单粘贴的400px处，我还希望图像能够返回到屏幕上，所以在某处需要减去400px，但我该如何实现呢？

谢谢，阿德里安

Answer 1

我自己从来没有做过这样的解决方案，所以我只考虑没有实际测试。

为什么不将你的粘性菜单折叠到400px并且没有菜单共享相同的.css样式？这样，较大的菜单会像平常一样被推高，而另一个菜单会出现，而不会影响屏幕上的其他内容。

解决方案：另一种解决方案，可能正是您要寻找的是设置高度：400px;在400px通过后，为id =“headerwrapper”。这样就可以实现并且图像出现了。

Answer 2

Theres不是一个单一的解决方案，因为要做你想做的事情，你必须在向homebg1 div添加一个边缘或填充时更改页面scrollOffset。

在我看来，不是在400px更改标题格式，我只是复制标题，每个场景一个，并在我不需要时隐藏粘性标题。