2016-11-07 5 views
-1

On this page(Wordpressサイト)、ピンクの要素はメニューに触れると粘着性になります。しかし、この要素は左側のロゴのためにクリック不可能です。これはメニューラッパーを高くして、粘着要素をクリッキング不可能にします。下にあるスティッキーdivをクリック可能にする

divでpointer-events:noneを使用することはできません。メニュー+ロゴをクリッキングできないためです。

また、スティッキー要素がコンテンツラッパーにネストされているため、z-indexは使用できません。したがって、コンテンツのz-indexをメニューより高くすると、コンテンツがメニューの上にスクロールします。

スティッキー要素をコンテンツラッパーから分離する必要がありますが、私はWordpressワイヤフレームの専門家ではないので、どうすればよいか分かりません。

または、私が試すことができる他のトリックはありますか?あなただけfusion-header高さがナビゲーションメニューとピンクの要素は右のそれを下回ることになるのと同じになるようにロゴコンテナは、要素の通常の流れを追跡しませんposition: absoluteにクラスfusion-logoを設定した場合

答えて

0

、クリック可能

+1

賢い、それでした!私はいつも 'position:absolute'を使ってポジションを台無しにして反応しないと思ったので、それを試してみませんでした。どうもありがとう! – SuperTiny

+0

実際には、 'position:absolute'が正しく使用されていれば、それを使用している理由が分かっていれば、クールなソリューションを作成できます!私の答えがあなたを助けてくれてうれしい –