On this page(Wordpressサイト)、ピンクの要素はメニューに触れると粘着性になります。しかし、この要素は左側のロゴのためにクリック不可能です。これはメニューラッパーを高くして、粘着要素をクリッキング不可能にします。下にあるスティッキーdivをクリック可能にする
divでpointer-events:none
を使用することはできません。メニュー+ロゴをクリッキングできないためです。
また、スティッキー要素がコンテンツラッパーにネストされているため、z-index
は使用できません。したがって、コンテンツのz-index
をメニューより高くすると、コンテンツがメニューの上にスクロールします。
スティッキー要素をコンテンツラッパーから分離する必要がありますが、私はWordpressワイヤフレームの専門家ではないので、どうすればよいか分かりません。
または、私が試すことができる他のトリックはありますか?あなただけfusion-header
高さがナビゲーションメニューとピンクの要素は右のそれを下回ることになるのと同じになるようにロゴコンテナは、要素の通常の流れを追跡しませんposition: absolute
にクラスfusion-logo
を設定した場合
賢い、それでした!私はいつも 'position:absolute'を使ってポジションを台無しにして反応しないと思ったので、それを試してみませんでした。どうもありがとう! – SuperTiny
実際には、 'position:absolute'が正しく使用されていれば、それを使用している理由が分かっていれば、クールなソリューションを作成できます!私の答えがあなたを助けてくれてうれしい –