1

会社のウェブサイトを構築していて、ポジショニングに苦労しています。画面上の位置に基づいて、ドロップダウン メニューを左または右に配置する必要があります。現在何が起こっているかのスクリーンショットは次のとおりです:リンク

また、ライブ サイトをご覧になりたい場合は、デモへのリンクをご覧ください。

どんな助けでも大歓迎です。

ありがとう！

編集:別の紛らわしい要素を投入しないでください。ただし、この特定のサイトはレスポンシブです。Ipad サイズの画面になると、問題はさらに悪化します。

4

1 に答える 1

0

あなたのコンテナは960pxです。ドロップダウン メニューにはauto幅があるため、各メニューの幅を見積もる必要があります (たとえば200px)。

document.body.offsetWidthこれで、 を使用してブラウザ ウィンドウの幅を決定できます。これは私が提案するものです：

function on_hover() {
    ...
    dropdown_width = 200;
    container_width = 960;
    if (document.body.offsetWidth < container_width + dropdown_width) {
        dropdown_from_left();
    } else {
        dropdown_from_right();
    }
    ...
}

うまくいけば、これで十分です。楽しんで頑張ってください！

于 2012-07-17T17:32:32.807 に答える