ナビゲーションバーと重複するページ上のその他の項目jquery.sticky

Question

おはようございます、私はウェブページを作成しています。私は経験豊かな開発者ではありません。 jqueryプラグインsticky.jsを使用して、スティッキーなnavbarを作成しました。すべては完璧でしたが、ピクチャにアニメーションを追加した時点でピクチャはナビゲーションバーと重なっていました。どのように私は他のものの重複を停止することができます。 exampleあなたの答えはとても役に立ちます。前もって感謝します。

Answer 1

#sticker要素は、z-index: autoでスタイル付けされているため、スクリプト内のJavaScriptコードを変更する以外はこの値を変更することはできません。これはお勧めできません。

簡単で迅速な解決方法は、この要素の親にz-indexの値を高く設定することです（#sticker-sticky-wrapper div）。

要素のpositionがデフォルトのstaticの場合、z-indexは何も行いません。したがって、これはあなたのCSSスタイルシートに追加するために必要なものです：

#sticker-sticky-wrapper { 
    z-index: 1; 
    position: relative; 
} 

はthis MDN articleでz-index詳細については、こちらをご覧ください。