unwrongest.comThere's no denying it: good web design is hard. However, if you follow some simple design principles — principles that...
フローティングなナビゲーションを作るjQueryプラグイン | かえラボBlog
fixedオプションを追加。 ナビゲーションなどのコンテンツをスクロールに追従させ、画面の上下に接着させるjQueryプラグイン。 どこかで見たような気がするのだが、どこで見たか思い出せない＆探してもすぐ出てこないので、作ってみた。 floater.js サンプル デモ 使い方は簡単。 よくある感じで、動かしたい要素でfloaterメソッドを実行する。 $(element).floater(); オプションは以下の通り。 marginTop: 上の余白 marginBottom: 下の余白 agility: 0～1。0はナビが通り過ぎるまで待つ。1はナビの末端が出るとすぐ動きだす。 speed: アニメーションにかける時間 easing: イージング fixed: trueでposition: fixedに切り替え。初期値はfalse。 オプションを適用すると、こんな感じ。 $("nav
jQueryでスクロールしても上に固定されるメニュー｜Webpark
よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。 <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //スクロール時 else $('#nav').stop().animate({'opacity':'1'},400); //一番上にあるとき }); $('#nav').hover( function (e) { var scrollTop =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
