気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
jQueryを使った一定以上スクロールすると上に固定される横メニュー
238 users
weboook.blog22.fc2.com
weboook.blog22.fc2.com
weboook.blog22.fc2.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
最近、上部に固定された横メニューをよく見かけます。最初から一番上にあるものだと最初から「position:... 最近、上部に固定された横メニューをよく見かけます。最初から一番上にあるものだと最初から「position:fixed」で問題ないと思いますが、最初は一番上にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとちょっと工夫が必要です。 今回はそんな横メニューをできるだけ親切に解説してみます。 今回のメインはjQueryで固定するところなのですが、一応今回のサンプルで使用したHTMLとCSSも解説します。 HTML よくあるタイプの普通のリストメニューです。 <div id="menu-wrap"> <ul id="menu"> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <l
weboook.blog22.fc2.com
weboook.blog22.fc2.com
weboook.blog22.fc2.com
weboook.blog22.fc2.com
www.nhk.or.jp
nazology.kusuguru.co.jp
gendai.media
daiksy.hatenablog.jp
konifar-zatsu.hatenadiary.jp
www.itmedia.co.jp
gothedistance.hatenadiary.jp
qiita.com/nfujita55a
speakerdeck.com/ysknsid25
ascii.jp
anond.hatelabo.jp
medium.com/@yavien
weather.goo.ne.jp
2013/08/27 リンク