スクロールダウン時にヘッダーのみを部分的に修正しました

Question

申し訳ありませんが、私はタイトルに欲しいものを表現する方法を本当に知りませんでした。私は私のヘッダーを大きなイメージにし、その下に標準ヘッダーを置いて欲しい。下にスクロールすると、標準ヘッダーが一番上になるまでイメージが上に消えてしまいます。スクロールするときに標準ヘッダーを修正します。

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

これまでのところ、ヘッダーとサイドナビゲーションバーが動作しています。私はヘッダーのイメージ部分にどのように近づくのか知りません。私がこれまで持っているもの：

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

私はおそらく画像のための余分なdiv要素を作成する必要があると思いますが、私は、ヘッダが最初にスクロールさせると、そこに滞在するのか分かりません。

Answer 1

あなたのフィドルにJQueryを含めるのを忘れたようです。

フィビアのJavaScriptパネルの歯車アイコンをクリックし、フレームワークにJQueryを追加することで追加できます。

$またはJQuery変数を使用すると、コード内でJQueryを参照できます。 JQueryが見つからないので、$はコンソールに定義されていません。

Webインスペクタを使用してコンソールにエラーがないかチェックしてください。通常、欠けている依存関係は、下のスクリーンショットのように'ReferenceError: *Something* is not defined'を投げます。

これが役に立ちます。

乾杯と幸せなコーディング！