匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

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


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

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

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

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

よろしくお願いします

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/09/21 09:42:00
  • 終了:2015/09/28 09:45:05

回答(1件)

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2015/09/22 10:17:23

 コードがないんで何ともいえませんが、上部にくっついた状態のCSSは position:fixed になっているだろうと思うので、そこをフラグ代わりに使うのが簡単なやり方だと思います。
 
 ただ、これだけだと「上にはみ出る」ことがありえるかと思いますので、.offset() .scrollTop() $(window).height() あたりで計算して上下どちらに出すか決めてもいいのかもしれませんね。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません