向下滚动时，使标题仅部分固定

Question

抱歉，我真的不知道如何在标题中表达我想要的内容。我希望我的标题是一个大图像，低于标准标题。向下滚动时，我希望图像消失到顶部，直到标准标题位于顶部，然后我希望在向下滚动时修复标准标题。

-----------------------------------
|                                 |
|              IMAGE              |
|                                 |
-----------------------------------
|              HEADER             |
-----------------------------------
|                                 |
|                                 |
|               PAGE              |
|                                 |
|                                 |
-----------------------------------

到目前为止，我有Header和侧面导航栏工作。不过，我甚至不知道如何接近标题的图像部分。到目前为止我所拥有的：

https://jsfiddle.net/kenogo99/q1Lo9qy1/

我可能不得不为图片创建一个额外的div，但我不知道如何让标题首先向上滚动然后停留在那里。

Answer 1

看起来你忘了把JQuery包含在你的小提琴中。

您可以通过单击小提琴JavaScript面板中的齿轮图标然后在框架中添加JQuery来添加它。

您可以使用$或JQuery变量在代码中引用JQuery。由于缺少JQuery，它表示$未在控制台中定义。

您应该始终使用Web检查器并检查控制台是否有错误。通常缺少依赖项会抛出'ReferenceError: *Something* is not defined'，如下面的屏幕截图所示。

希望这会有所帮助。

欢呼和快乐的编码！