位置が間違っ

Question

スクリプトのタイトルになり、私はうまく働いてメニューを得たhttp://www.dynamicdrive.com/style/cs...rop_line_menu/

を私が持っているときは、しかし、私がいることを発見しましたツールバーの上でつまずくと、サブメニューが突然、約22ピクセル下に置かれます。時々、これはその差の何倍も増加します。 stumbleuponツールバーを有効にして、サブメニューを持つメニュー項目の1つにカーソルを合わせると、Chromeブラウザでこの動作を自分でテストできます。http://kwestievan.nl/unityexpress/

どうすればこの問題を解決できますか？ body.offset（）。topが問題だったかどうかを確認しましたが、実際には差が32pxより大きく、メニューの違いはわずか22pxです。

Answer 1

要素

<ul class="sub-menu"</ul> 

は、これはありませんが、ブラウザウィンドウにサブメニュー「相対」を配置さ

position: absolute; 
left: 233px; 
top: 224px; 

のスタイルを与えられているbeacuseサブメニューが低い理由左から223px、「ブラウザウィンドウ」の上から224pxというように。これは、 "stumbleupon"ツールバーがない場合にうまく動作します。ただし、stumbleuponツールバーを追加すると、ツールバーがiframe要素の形式で追加されます。 iframe要素の高さは、ブラウザウィンドウの寸法が変更されたためにサブメニューがプッシュダウンされる原因となります。

"stumbleupon"ツールバーの高さを見つけて、その高さをサブメニューがモニター/画面解像度にプッシュダウンした距離と比較することで簡単にテストできます。彼らは同じです。

ソリューションは、要素を与えるためにある

<li id="menu-item-1738"</li> 

それが整列しているように、サブメニュー

position: relative; 

のスタイルよりもスタイルは「絶対に」に「相対」に配置Li元素を含む。たとえば、

position: absolute; 
top: 20px; 
left: 15px; 

オフコースこれはすべてあなたのスクリプトによって行われています。私はなぜあなたはこれのためにJavaScriptを使用しているのか分からない。これは、CSSだけで容易に達成できます。