すぐ使えるCMS デモ（インラインフレームのスクロール）

【動作デモ】インラインフレーム内のアンカーまでスクロール

インラインフレーム（iframe、アイフレーム）を使ってCMSで書き出したページを既存のWebサイトに埋め込む場合、アンカー付のページをフレーム内に入れても、アンカーにはうまくリンクできません。このサンプルではJavaScript を使って、インラインフレーム内のページに設定されたアンカーに外部ページからリンクした時に、その場所までスクロールさせています。

リンク元ページ（ホームページの新着情報を想定）

このページは「リンク元」となるページの想定です。下の「新着情報一覧」のリンクをクリックすると、インラインフレームを使ったページ（全一覧）にリンクします。右クリックからURLをコピーしてブラウザのアドレスバーにペーストした場合も、同じようにスクロールできます。