初心者でも分かる！な、jQueryの「TOPへ戻るボタン」の作り方
ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
2019/12/11 分かりやすいサイトへのリンクを追加しました hub コマンドの hub fork について追加しました 2013/04/11 興味深い手法があれば随時追加していきます ネットを検索すると、色々な手法が出てきますが、自分としては「WEB+DB PRESS plus 開発ツール徹底攻略」p.71 に載っていた以下の手法がシンプルで良く理解できました。 本家リモート upstream を追加する方法 本家リポジトリの例として、実際にGitHubに存在する練習用リポジトリ git@github.com:DQNEO/Renshu.git を使います あなた (youraccount) が既にForkしているRenshuリポジトリをcloneします。 $ git clone git@github.com:youraccount/Renshu.git Cloning into 'R
スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll - かちびと.net
気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率が10％を超える日本では、まだ捨てるわけにもいかないのが現状ですね。（個人的には徐々に捨て始めてますがｗ） 基本的にはアニメーションで付いてきますが、ノンアニメーションも可能です。 使い方 いつもどおりjQueryとプラグインのパスを書きます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="te
先日アップデートされた、VS Code v1.71で「スティッキー スクロール」がさらに便利になったので紹介します。 「スティッキー スクロール」はv1.70で実験的な機能として実装されましたが、v1.71で正式に実装され、さらに追従行数を設定できるようになり、スティッキースクロールで関数やクラスをリスト化して移動もできるようになりました。
ヘッダをスクロールしても上部にぺたっと貼りつくように表示し、ブレイクポイントを設定するとその地点で貼りつける要素を変更するjQueryのプラグインを紹介します。 デモページ：Optionsからちょい下にスクロール かなり下の方までスクロールすると、二番目のアイテムが上部に貼りつきます。 Clingifyの使い方 Step 1: 外部ファイル </body>の上あたりに、jquery.jsと当スクリプトを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.clingify.js"></script> </body> Step 2: HTML スクロールしても上部に固定配置にする
IDEA * IDEA
ドットインストール代表のライフハックブログ
Demo 2 赤枠のナビゲーションは左のカラム内の移動、黒枠のパネルは黒枠内のみ、右のバスケットはページ内全てです。 また、中央のテキスト「Remove」をクリックすると、一時的にそのパネルだけ追従をやめます。 Sticky Sidebarの使い方 オーソドックスなデモを例に実装方法を紹介します。 外部ファイル スクリプトを外部ファイルとして記述します。 <script src="jquery.min.js"></script> <script src="jquery.easing.1.3.js"></script> <script src="stickysidebar.jquery.js"></script> HTML ページは2カラムで、サイドバーにパネルをdiv要素で実装します。 <div id="main">コンテンツ</div> <div id="side"> <div id="
offsetプロパティは、パス上に要素を配置・移動させるCSSのプロパティです。animationプロパティやtransitionプロパティと組み合わせることで、手軽に一見複雑そうなアニメーションが作れます。 SVGやJavaScriptは詳しくないけど、複雑そうな動きのアニメーションを作ってみたい方、animationプロパティなどのおさらいをしておきたい方にオススメの記事です。 サンプルを別ウインドウで開く ソースコードを確認する offsetプロパティと対応ブラウザについて offsetプロパティは、任意のパス上に要素を配置・移動させる一括指定プロパティです。以下の5つのプロパティが指定可能です。プロパティの詳細については、MDNのドキュメントをご参照ください。 offset-path：要素を配置・移動させるためのパス。（MDN） offset-distance：offset-pat
スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」:phpspot開発日誌
スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」 2011年08月18日- Smart sticky floating box | jQuery Plugins スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」。 スクロールするとアニメーションでついてくるサイドバー。いろんなところでよく見ますが、実装の仕方によっては酔っちゃったりかえってユーザ利便性をそこないかねないUIですが、常にサイドにあることで便利に使えるという目的で設置されているものです。 こういうUIを実装する際に使えるのがこのプラグインで、位置移動の際のアニメーション方法が多数選べるだけでなく、遅延やアニメーションの速度が自由に設定できます。 デモページで動作確
常にユーザーの視線に入るようにしておきたいとかサイトの回遊率をあげたいなどの理由で実装を頼まれることが多いと追従ヘッダー。 単純に基本となる見栄えを維持してそのまま追従させることも多いですが、少し変化を加えてほしいという要望をもらうことも少なくないので、そういった場面で提案しやすいようによくある動作・デザインのパターン例をまとめました。 紹介しているサイトの動きや見栄えは、いずれもPCでの表示確認時のものになります。 変更を加えずにそのまま追従 スクロール時にデザイン・位置とも特に変更を加えず、単純にファーストビューでの見栄えをそのまま維持して追従させるパターンです。 少しCSSを書くだけで容易に実装できる�点がメリットですが、ヘッダーの領域が広いデザインの場合は�その分コンテンツが見える領域が狭くなるというデメリットがあるので、仕様やデザイン上でどうしてもヘッダー領域が広くなってしまう場
スクロール操作に追従して定位置に表示されるフロートパネルを簡単な記述で設置できるjQueryのプラグインを紹介します。 Portamento - easy slidingfloating panels in jQuery [ad#ad-2] Portamentoの実装 実装は非常に簡単です。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script src="portamento.js"></script> HTML フロートさせるパネルをdiv要素で実装します。 <div id="panel">パネル</div> JavaScript jQueryのセレクタでパネルを指定
ページ内の複数の指定した範囲ごとに、スクロールに追従するパネルを設置するjQueryのプラグインを紹介します。 World Wildlife | Fund Work | Viget 左に長い画像、右にそれを説明するテキストがあります。通常、画像の下までスクロールしてしまうと、テキストを読むために上にスクロールをすることになります。 しかし、このサイトでは画像の下までスクロールした際、テキストがスクロールに追従して移動します。 スクロールに追従するコンテンツは複数設置する可能性があるので、当然このスクリプトもそのようになっています。 jQuery Stick ‘emのデモ デモでは、左に長いコンテンツがあり、右のグレーのパネルが指定した範囲内のみスクロールに追従します。 追従の様子 jQuery Stick ‘emの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを
デモページ：一番下までスクロール 「Hachi, stay!」ボタンをクリックすると、復活します。 ハチ公の使い方 実装は非常に簡単で、複数の要素にハチ公を適用することもできます。 Step 1: 外部ファイル 「jqeury.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.hachiko.1.0.0.min.js"></script> Step 2: HTML HTMLは通常通りに実装し、ハチ公を適用するエレメントがスクリプトで指定できるようにidなどを付与します。 例：id=sticky <div id="sticky">Click me to see how the state i
演奏によっては総勢60名以上にのぼる構成で演奏するオーケストラですが、楽譜を見ながらでも何がどのタイミングで鳴っているのか聞き分けるのは手練の技が必要です。そこで、今どの楽器が鳴っているのかわかるように楽譜を追跡しながらオーケストラの演奏を再生してくれるサービスが「noteZilla」です。 noteZilla http://notezilla.io/ noteZillaを始めるにはトップページの「Show me」をクリック。 すると「Open Library」が開き、ヨハン・セバスティアン・バッハの「G線上のアリア」、同じくバッハの「アリア」からなる「ゴルトベルグ変奏曲」、ルートヴィヒ・ヴァン・ベートーヴェンの交響曲第5番「運命」が現在再生可能であることがわかります。 試しに、ベートーヴェンの交響曲第5番「運命」をクリックしてみたところ。各パートごとの楽譜が表示されています。 画面の下部
最近ではグラデーションの使い方がいろいろ進化しています。中でも、ホバーやスクロールに合わせて、グラーデションが変化するエフェクトは非常に美しく、一度は試してみたい実装だと思います。 ホバーすると、マウスの動きに追従してグラデーションが変化するボタンを実装するスタイルシートのテクニックを紹介します。 実装は非常に簡単で、応用も利くので、ぜひお試しください。 Stunning hover effects with CSS variables by Tobias Reich 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 インスパイアされた美しいグラデーション グラデーションが変化するエフェクトの実装方法 実装したデモ このエフェクトの可能性 よくある質問と答え インスパイアされた美しいグラデーション Groverにある遊び心溢れる美
![[CSS]実装がこれなら思っていたより簡単！グラデーションが変化する美しいエフェクトを実装するスタイルシート](https://cdn-ak-scissors.b.st-hatena.com/image/square/c1b35ec4c552cd9a134d1163d291381be76f2c4e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201901%2F2019030401.gif)
iPhone, iPad, ガラケーなどのスマフォで、各セクションのヘッダをそれぞれ半透明の状態でスクロールに追従させるスクリプトを紹介します。 A, B, C と追従中 対応ブラウザ iPhone 4GS (iOS5) iPhone 4G (iOS5) iPhone 3GS (iOS5) iPad 3 (iOS5) iPad 2 (iOS5) Galaxy S3 (Ice Cream Sandwich) Galaxy S2 (Gingerbread) NEXUS S (Jelly Bean) 実装 Step 1: 外部ファイル 外部ファイルは下記の2つのスクリプトと当スクリプト・スタイルシートをhead内に記述します。 zepto.js jQueryと互換性のあるモバイル用軽量ライブラリ iscroll.js モバイルでposition:fixedを実現するスクリプト <script s
CSSの:has疑似クラスとCSS Anchor Positioningを使用して、:hoverにマグネットのように追従するホバーエフェクトを実装するテクニックを紹介します。 一昔前なら、JavaScriptなどを使用し...記事の続きを読む
ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」:phpspot開発日誌
stickyFloat | jQuery Plugins ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」 ページをスクロールするとメニューもスクロールしてくれて別ページに移動しやすいあのUIのアニメーションや遅延のカスタマイズが可能なjQueryプラグインです。 アニメーションの仕方によっては気分が悪くなるというようなケースもあってカスタマイズには注意したいこのUIですが、アニメーションなどを使って利用者の負担にならないものが簡単に実現できそうです デモサイト上で１０種類のアニメーションや遅延、アニメーション時間の設定が可能で、動作を確認しながらカスタマイズ可能です。 Delay・Durationを多めにして適度なタイミングで横に来ているというようなものがベストですかね 実装コードは次のように超簡単です jQuery('#
div要素で配置したボックス HTML jQueryのセレクタで指定できるようにidを付与したdiv要素です。 <div id="example1"></div> 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js'></script> <script src='okshadow.js'></script> JavaScript OKShadowのデフォルトの記述例です。 $(function(){ $('#example1').okshadow(); }); スクリプトのオプション オプションではドロップシャドウのカラー、位置などを設定できます。 オプションを使用して二つ目のデモは、下記のようになります。 $(
jQuery Floater Plugin ? Examples Design Chemical Lab 面白いフローティングナビゲーションを実装できる「jQuery Floater」 特定のブロックをページの特定の位置に配置し、スクロールさせてもアニメーションしながら位置を記憶することができます。 要素をバウンドさせながらもとの位置に戻す効果などもあって使いようによってはなかなか面白い使い方ができそう ちょっと文章では説明しづらいのでサンプルページを見てみてください サンプルページにサンプルと一緒にコードが載っているので実装は簡単にできそうです。 関連エントリ テーブルをちょっとだけ使いやすくしてくれるjQueryプラグイン「rbTable」 画像切替が超カッコいいスライドショーが実装できるjQueryプラグイン「Diapo」 Yahoo!Incのお天気ウィジェット実装jQueryプラグ
こんな要件 ページによってサイドバーの長さが異なっても大丈夫。 メインのコンテンツより、サイドバーが短い場合に、サイドバーが最後まで行ったらそこで固定される。 加えて、ウィンドウよりもサイドバーが短い場合は、下じゃなくて上に固定される。 設置方法 ソースをダウンロードして、ゴニョゴニョしてください・・・ こんなのが必要なのは恐らく玄人さんだと思うので・・・ 詳細は解説コメントを入れた「side-fixed-comment.js」をご確認ください。 ソースダウンロード ※2014.02.03 jsファイル一部修正しました。 一応ソースコード html <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="side-fixed.js"></script>
Network Solutions - Original domain name registration and reservation services with variety of internet-related business offerings. Quick, dependable and reliable.
2012年の始めに【 jQuery 】ページのスクロール途中で指定要素の位置を「固定 / 解除」する方法という記事を書きました。この記事で書いたのは、ヘッダーバーとフッターバーを対象にスクロール位置による要素を固定/解除する方法でした。当時はまだサイドバーを固定させるUIというのは主流ではありませんでしたが、昨年の後半から今年にかけていろんな所で見るようになってきました。 先日、1年前の記事でサイドバーを固定/解除させる方法についての質問もいただきましたので、その実装方法についてまとめてみたいと思います。このブログでも「サイドバーを固定/解除させている」ので、このブログを例に説明していきます。 ポイントは、以下の3つの値をどう取得するかということになります。この値さえ取得できてしまえば、あとはその値によってサイドバーを固定/解除するような命令を与るだけとなります。 スクロールトップの位置を
使い勝手の良さそうなプラグイン だったので備忘録的にご紹介。 ツールチップを実装するjQuery のプラグインです。マウス追従、 不動タイプの選択が可能、デザ インもCSSのみで作ります。 各ブラウザにも対応、HTMLタグも利用可能、マウス追従の有無の選択、軽量、などの特徴が有ります。 Sample動作サンプルです。 マウス追従への変更も可能です。圧縮版で5KBほどとなかなか軽量です。 コード<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.tooltipster.min.js"></script>本体とプラグインを読み込み。 $('
テクノロジー : 日経電子版
「説明会の参加者枠があっという間に埋まった」。システム開発大手SCSKの井出和孝人事企画部人事企画課長は2019年1月1日から導入する副業・兼業制度に対する社員からの注目度の高さに…続き 二足のわらじ本業に活気 ロート、70人経験中 ［有料会員限定］ 二兎を追って二兎を得る 成功者に聞く副業のすすめ
20年くらい前、ジオシティーズとか全盛期の頃でしょうか、個人ブログなどで必ずと言っていいほど設置されていたカーソルに追従するエフェクトを現在のJavaScriptで実装しなおした「90's Cursor Effects」を紹介します。 こんなの知らない！ という人も多そうですね。 90's Cursor Effects -GitHub スクリプトは現在用に実装されており、スマホなどのタッチデバイスでも動作します。アニメーションの動きや絵文字など、当時には実現できなかったものも使用されています。 雪が降って、ブラウザの枠に積もるのとかも懐かしいですね。
ページが縦に長くなるとサイドメニューとかが見えなくなってしまいます。 それを防ぐ方法としてabsoluteやfixedするケースがあります。 jQuery Scroll FollowではjQueryを使用し、スムーズについてきます。 sponsors 使用方法 jQuery Scroll FollowからjQuery、jQuery UI Core、jQuery Easing Plugin、jQuery Cookie Pluginをダウンロードします。 headには以下のように記述します。 <script type="text/javascript" src="http://yourdomain/jquery-1.2.6.js"></script> <script type="text/javascript" src="http://yourdomain/ui.core.js"></scri
風景写真など、普通の画像の上にグリッドを描き、各マス目をホバーした際に尾ヒレのようにフェードで追従させるエフェクトが美しいスタイルシートを紹介します。 便利になるとかそういった類いのものではありませんが、ちょっとした何かに使ってみたいですね。 JavaScript無しというのはポイント高いです。 デモのアニメーション 実際の動作は下記ページで確認できます。 デモはCSS3対応ブラウザでご覧ください、Chromeが一番美しくエフェクトを描画します。 LeTrailing Effect 実装はシンプルで、あえて難点をあげれば空divを数多く使うことでしょうか。 HTML 画像はbodyの背景で表示されているので、HTMLはグリッドを描くdivだけです。 <body> <div class="div"></div> <div class="div"></div> ... ... <div cla
いろいろなサイトでメニューを固定＆追随させています。 今回はJavaScriptでこれを実現させてみます。 via：Live floating menu sponsors 使用方法 jQueryからjquery.jsとjquery.dimensions.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.dimensions.js"></script> <script type="text/javascript"> var name = "#id名"; var menuYloc = null; $(document).ready(function(){ menuYloc = parseInt($(name
:mushroom: [この記事はブログに移動しました。](http://chibinowa.net/note/js/fixedsidebar.html)
This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers. The JavaScript (jQuery) Below is the code for the plugin, to do
Portamento is a jQuery plugin that makes it simple to add sliding (aka "floating") panel functionality to your web page. All that's needed is some simple CSS and one line of JavaScript, and you're away! It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too. Portamento also has sensible behaviour if the user's viewport is too small to d
RenderModeによって異なる、HUDの表示方法 uGUIをキャラクターの頭上に表示（HUD）して、オブジェクトの移動に追従させる方法は、CanvasのRenderModeによって異なります。 今回はその実装の手っ取り早い方法について、RenderMode別に解説します。 RenderModeについての詳しい解説は、こちら をご覧ください。 ※使用しているUnityのバージョンは2017.1.0f3です。 [Unity_317×90] Screen Space – Overlayの場合 © Unity Technologies Japan/UCL CanvasのRenderModeがScree Space – Overlayの場合、UIの位置をキャラクターに合わせて変化させるためには、キャラクターのワールド座標をスクリーン座標に変換してからUIに教える必要があります。 ワールド座標から
[JS]jQueryでページスクロールしてもナビゲーションを固定させる方法｜Javascript・jQuery｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
ページを下までスクロールしてもサイドメニューに広告が固定されたまま、なんてブログをよく目にしますが、このような動きはjQuery を利用することで実装可能です。 バナー広告以外にもメニューボタンやSNSボタン、ページの先頭へ戻るなどのリンクを設置できるなど、色々と応用しやすいカスタマイズです。 Javascript のサンプル jquery ファイルと一緒に、<head> 内に以下のjavascript のコードを記述します。 <script src="./jquery.min.js"></script> <script> $(function($) { var tab = $('.nav'), offset = tab.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { tab
![[JS]jQueryでページスクロールしてもナビゲーションを固定させる方法｜Javascript・jQuery｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Translate side by side - 翻訳前後の文章を横並びで表示するGoogle Chrome機能拡張 MOONGIFT
Google翻訳を使って英語ページを日本語にしている人は多いかと思います。そんな時、変な訳にぶつかって原文を確認したいと思うこともあるでしょう。Google翻訳ではページ全体の翻訳または原文表示の2パターンしかサポートされていません。これは不便です。 そこで使ってみたいのがTranslate side by sideです。原文と翻訳文を左右に並べて表示するGoogle Chrome機能拡張です。 Translate side by sideの使い方 実行したところです。認証が必要なサイトでは、翻訳後のサイトは認証前として表示されます。 スクロール追従してくれます。 Translate side by sideを使えば翻訳前後の文章を横並べにしながら確認できます。アクティブになっているウィンドウをスクロールすれば、もう片方のウィンドウも追従してくれます。日本語でコンテンツを確認しつつ、時々原
ソフトバンクは2月8日、スポーツ動画配信サービス「スポナビライブ」の通常料金を月額3000円から月額1480円（税別、以下同）に値下げし、新たにフルHD配信や最大4台のデバイス同時視聴に対応すると発表した。ソフトバンク端末ユーザーなどに対しては月額980円の特別料金も用意し、NTTドコモが同日発表したスポーツ専門動画サービス「DAZN for docomo」（月額980円から）に追従する。 新プランを提供するのは3月16日から。ソフトバンク／ワイモバイルのモバイル端末ユーザー、ヤフーが提供する月額会員サービス「Yahoo!プレミアム」のユーザーは月額980円、それ以外のユーザーは月額1480円で利用できる。 これまでソフトバンクユーザー向けに提供してきたHD配信プラン（月額500円）は、3月15日に新規受け付けを終了する。現行ユーザーは引き続き同プランで視聴できるが、フルHD配信が不要な新
大企業などが民事訴訟を利用し、不都合な言論を封じる－。勝つ見込みもないのに、自身を批判した相手に威圧目的で起こす「スラップ訴訟」と呼ばれる訴訟がある。その性格から恫喝（どうかつ）訴訟とも称され、求める賠償金が法外に高額なケースも。米国では言論の自由に反するとして抑止する州もあるが、日本での法規制は存在しない。提訴された側の負担の大きさなどから、日本でも救済制度を求める声も上がっている。（桑村朋） 「強い立場」の本部、元オーナー提訴 目の前の争いがスラップ訴訟なのかどうかは、一般的に当事者間で認識に差がある。 「最初は腹立たしかったが、今は営業を再開させてほしいだけ」。こう訴えるのは時短営業で話題となったセブン－イレブン東大阪南上小阪店（大阪府東大阪市）の元オーナー、松本実敏さん（５８）。クレームの多さを理由に契約解除したのは不当だとして、セブン本部を大阪地裁に提訴後、記者会見で胸の内を明か
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHubでFork/cloneしたリポジトリを本家リポジトリに追従する - Qiita
VS Codeの新機能「スティッキー スクロール」がさらに便利に！ 追従行数の変更、関数やクラスをリスト化できます
[JS]ヘッダをスクロールしても上部に固定表示するだけでなく、途中で変更もできるスクリプト -Clingify
[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar
CSSのoffsetプロパティで、楽しいパスアニメーションを作ろう - ICS MEDIA
追従ヘッダー実装時に使える動作・デザインパターン例 - NxWorld
[JS]追従するフロートパネルを一行のスクリプトで設置できる -Portamento
[JS]複数の指定した範囲ごとにスクロールに追従するパネルを設置するスクリプト -jQuery Stick ‘em
[JS]複数のエレメントをスクロールしても指定した場所に留まらせるスクリプト -ハチ公
オーケストラの演奏に合わせて楽譜が一緒に動いて追跡再生できる「notezilla」
[CSS]実装がこれなら思っていたより簡単！グラデーションが変化する美しいエフェクトを実装するスタイルシート
[JS]スマフォで各セクションのヘッダをそれぞれスクロールに追従させるスクリプト
CSSのみで簡単に実装できる！ マグネットのようにくっついて追従するホバーエフェクトを実装するテクニック
[JS]使い方はいろいろ、アニメーションで追随するドロップシャドウを生成するスクリプト -OKShadow
面白いフローティングナビゲーションを実装できる「jQuery Floater」:phpspot開発日誌
| サイドメニューが下まで行ったらそこで固定するJS（jQuery）神戸ホームページ制作センター
Web Page Under Construction
スクロール位置によってサイドバーを固定/解除させる jQuery実装方法
汎用的で軽量なツールチップ実装jQueryプラグイン・Tooltipster
懐かしすぎる！カーソルに追従するあのエフェクトを現在のJavaScriptで実装 -90's Cursor Effects
スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」
[CSS]アイデアが面白い！画像に美しいインタラクションを加えるスタイルシート
jQueryでメニューを固定位置に追随させる：Live floating menu
スクロールしても固定されて追尾するサイドバー
Sticky Sidebar jQuery plugin | Phil Parsons
Portamento - easy sliding/floating panels in jQuery
【Unity】uGUIをキャラクターの上に表示する手っ取り早い方法【RenderMode別】
ソフトバンク、「スポナビライブ」値下げ スポーツ動画配信でドコモに追従
目的は威圧？恫喝？米で規制進む「スラップ訴訟」日本でも（1/2ページ）