scrollnav.js
A small, dependency free JavaScript plugin for auto generating and tracking single page navigation (aka a Table of Contents) Get started View the demos Features Simple setup Pass your page’s content to scrollnav and it will generate the navigation and track scrolling automatically. Fully customizable All the styling is up to you, make scrollnav look and behave however works best for your project.
[DNW] 超簡単！jQueryを使用した追従するメニュー『フローティングメニュー』 | [DNW] デザネス！
今回はtravelhackの中の人に、フローティングメニューのサンプルをやると喜ぶ人が多いんじゃないかと推薦してもらったので一番簡単な方法で実装できそうなjQueryを使用したサンプルを作ってみました。 参考サイト まずは、実装されていて動きの参考にさせて頂いたサイトをご紹介します。 Webクリエイターボックスさん。 右側のサイドバーの一番下にある「ランダム、人気記事、新着記事」のボックスがフローティングメニューになっています。 サンプル 実際に作ったサンプルはこちら サンプルを見る 参考にさせて頂いた動きはもとに戻るときに若干『ばこ！』っと動いてしまう感じだったので、自然な感じで元の位置にピタっと吸い付く感じにしてみました。 サンプルのコード $(function(){ var name = "#menu"; var menuYpos = null; menuYpos = parseIn
MdN Design｜総合情報サイト
jQuery と CSS を使った位置固定型のナビゲーション「Fixed Fade Out Menu」。ページをスクロールしても固定化されており、操作していないときは半透明化するためほかのコンテンツの邪魔にならない。 まず、「Fixed Fade Out Menu」の配布サイトからスクリプトを取得しよう。方法は、demoページ（http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/）から、該当する部分「3. The JavaScript」のソースコードをコピーして外部ファイル化すればよい【1-1】【1-2】。 【1-1】「Fixed Fade Out Menu」の配布サイトページをスクロールさせると出てくる「3.The JavaScript（赤線枠）」のソースコードをコピーし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現
