人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryでドロップダウンを制御

今作っているサイトが、トップページに限り画像の全画面表示でグローバルナビがページの下にくっついています。
スクロールして画面上部にくっつくとFIXされるよくあるパターンです。

そこでドロップダウンを付けたいと言われてしまい悩んでいます。
ページの最下部にくっついてる時はドロップダウンを上に、スクロールしててっぺんにくっついた時には下に出すようにするにはどうすれば良いのでしょうか?

<ul>
<li>
<div>ドロップダウン。ulでもよいかも</div>
</li>
</ul>

<div>(ul)の部分をナビが上にあるか下にあるかでどっちに出すかを決めたい。

よろしくお願いします

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 匿名回答1号

コードがないんで何ともいえませんが、上部にくっついた状態のCSSは position:fixed になっているだろうと思うので、そこをフラグ代わりに使うのが簡単なやり方だと思います。

ただ、これだけだと「上にはみ出る」ことがありえるかと思いますので、.offset() .scrollTop() $(window).height() あたりで計算して上下どちらに出すか決めてもいいのかもしれませんね。

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ