googleマップをsticky navの下に置くこと

Question

sticky.js sticky navとgoogleマップが含まれています。私は地図とスティッキーなナビを追加しました。すべてがかなりスムーズに動作しますが、Googleマップはスティッキーなナビゲーションと同じことをしません。私が上下にスクロールすると、navはページ上の他のすべての要素と同じように、それを覆うのではなく、Googleマップの背後に落ちます。だから、問題の絵をさらに描くために、Navはスクロールしながらページの上部にくっついています。それは通過するものすべてをカバーしますが、Googleマップはそれをカバーし、貧しい経験を生み出します。私はこれが参考になる答えを得るのに十分な情報であることを願っています。みんな、ありがとう。

Answer 1

z-indexプロパティは、要素のスタック順序を指定します。

スタックオーダーの大きいエレメントは、常にスタックオーダーの低いエレメントの前にあります。

注：Zインデックスは、位置指定された要素（位置：絶対、 の位置：相対、または位置：固定）でのみ機能します。

たとえば、navbarのZ-インデックスが2で、1のマップが常に地図上にある場合は、

は、それは

CSSファイルは、そのクラスを入れて内側にあなたの粘着性のNAVクラス= "sticky_nav" だから

のようなあなたのスティッキー-NAVクラス にpropartyのZインデックスを追加

.sticky_nav{ 
     z-index:2; 
    } 

Answer 2

として書かれ

 .sticky_nav{ 
     z-index=2010; 
     } 

実際にGoogleマップのZ-インデックス値がわからないため、値を2010に設定しました。またはその他の問題があります。 またはサイトリンクを提供してください。 ハッピーコーディング:)

Answer 3

ありがとうございます。私は、スティッキーなナビで別の問題に取り組んでいるうちに、偶然それを理解しました。 sticky.js jqueryプラグインにはいくつかのデフォルト設定があり、そのうちの1つはz-indexをautoに設定していました。私はz-indexを2に変更できました。これが私の問題を解決しました。ご協力いただきありがとうございます。