外部ページでもスムーススクロールするプラグイン | Creator Index
外部ページでもスムーススクロールするプラグイン 2015.03.26 jQuery プラグイン はじめに 2015.5.10 サンプルページに外部サイトへのリンクを追加しました。 2015.5.6 スクリプトを一部修正しました。 前回の記事でつくったスムーススクロールのスクリプトをマイナーチェンジし、外部ページでもスムーススクロールするようにしてみました。 外部ページでもスクロール…、とはつまり、アンカーリンク付きの別ページを開いた時、遷移先のページでもスムーススクロールする、ということです。 サンプル 今回は、プラグイン化もしてみました。 まだ、改良の余地はたくさんあると思いますが、もし良かったら使ってください。 smoothScrollEx.js（右クリック→リンク先を保存） INDEX 使い方 仕組み jQuery Easing Pluginを使う 使い方 jQueryを読み込み、そ
ページリンク付きのアンカーリンクに対応したjQueryのスムーススクロール | スターフィールド株式会社
ページ内のアンカーリンク(#link01のようにページ内のIDの場所を指定して移動させるリンク)のとき、 ページ内での移動であることがユーザーにわかりやすくなるため、 スムーススクロールを使う機会はとても多いと思います。 ただ、Wordpressなどでメニューを管理する場合で、 リンクにアンカーリンクをつけたい場合、 ページ外からのリンクも行う必要があるために、 以下のように、ページのリンク(URL)+アンカーリンクという形でリンク先を指定しなくてはならなくなることがあると思います。
jQuery 外部ページでもスムーズスクロールを実装する方法 – 遷移先ページの任意IDへスムーズスクロール | Stronghold Archive
どうもこんばんは。Toshikuraです。今回のTipsは【jQuery 外部ページでもスムーズスクロールを実装する方法 – 遷移先ページの任意IDへスムーズスクロール】です。通常のスムーズスクロールですとページ内にアンカーを設定しjQueryにて高さ取得&スクロールという手順ですが、本記事ではページ遷移と組み合わせ遷移後に特定箇所へスムーズスクロールさせます。基本的な部分のみですのでこのままでは微妙です、参考程度にご活用ください。 実装方法 実装方法は至ってシンプルです。まずは遷移後にスクロールするサイト（ここではB.html）へのリンクをA.htmlに記述します。 HTML（A.html） <a href="B.html?id=white">LINK</a> <a href="B.html?id=black">LINK</a> <a href="B.html?id=red">LINK<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページ内リンクへのスムーススクロール | トパーズのwebメモ
