インラインフレーム内のアンカーまでお知らせをスクロール

<iframe
    id="newsframe"
    onload="iframe_scroll(this, document.location.hash)"
    src="webdir/index.html"
    >(IFRAME 機能を有効にして下さい)</iframe>

<script type="text/javascript">
var UrlCtl = {
    FrameID:    "newsframe",    //フレームID
};
 
//アンカーによって、2ページ目以降に切り替える必要があれば切り替える。
 
//アンカーの形式は以下のいずれか
//#(eで始まるアンカー)
//#(pページ番号)
//#(pページ番号)(eで始まるアンカー)
 
UrlCtl.AncFmt = new RegExp("^#(p(\\d+))?(e\\d+)?$", "i");
UrlCtl.res = document.location.hash.match(UrlCtl.AncFmt);
UrlCtl.myPageIndex = RegExp.$2;
 
if (0 < UrlCtl.myPageIndex.length && 0 < parseInt(UrlCtl.myPageIndex)){ // p でページが指定されているので正しいページを読み込む
    UrlCtl.SrcFmt = new RegExp("(.*?)(_(\\d+))?\\.(\\w+)$", "i");
    UrlCtl.NewsFrame = document.getElementById(UrlCtl.FrameID);
    UrlCtl.FrameSrc = UrlCtl.NewsFrame.contentWindow.location.pathname;
    UrlCtl.res = UrlCtl.FrameSrc.match(UrlCtl.SrcFmt);
    if (!UrlCtl.res){
        UrlCtl.FrameSrc = UrlCtl.NewsFrame.getAttribute("src");
        UrlCtl.res = UrlCtl.FrameSrc.match(UrlCtl.SrcFmt);
    }
    if(UrlCtl.res){
        UrlCtl.mySrc = {
            Path: RegExp.$1,
            Index: RegExp.$3,
            SrcExt: RegExp.$4
        };
        if (UrlCtl.mySrc.Index !== UrlCtl.myPageIndex){
            UrlCtl.NewsFrame.setAttribute("src", UrlCtl.mySrc.Path + "_" + UrlCtl.myPageIndex + "." + UrlCtl.mySrc.SrcExt);
            UrlCtl.NewsFrame.contentWindow.location.href = UrlCtl.mySrc.Path + "_" + UrlCtl.myPageIndex + "." + UrlCtl.mySrc.SrcExt;
        }
    }
}
 
function iframe_scroll(NewsFrame, myHash){
    var res = document.location.hash.match(UrlCtl.AncFmt);
    var myAnchor = RegExp.$3;
    if (0 < myAnchor.length){
        var MyNews = NewsFrame.contentWindow.document.getElementById(myAnchor);
        window.scrollTo(0, NewsFrame.offsetTop); /* 親ページをスクロールしない場合はこの行を削除 */
        if (MyNews){
            NewsFrame.contentWindow.scrollTo(MyNews.offsetLeft, MyNews.offsetTop);
        }
    }
}
</script>

<div class="sugu-entry" id="e%_d_%">
    <div>
        <h2>%_subject_% <small>(%_yyyy_%-%_mm_%-%_dd_%)</small></h2>
        <div>%_body_%</div>
    </div>
    ：
</div><!-- /sugu-entry -->

<script type="text/javascript">
if (top.location.href == self.location.href){
    var UrlCtl = {
        myParent: "/path/to/news.html",    //親（フレームのあるページ）のURL
    };
 
    //フレーム内に読み込まれていなかったら、
    //以下のURLにリダイレクト（location 書き換え）
    //親ページ.html#(pページ番号)(元のアンカー[eで始まるアンカー])
    UrlCtl.newHash = "";
    UrlCtl.myPath = self.location.pathname;
    UrlCtl.myAnchor = self.location.hash.replace(/^#/, "");
    UrlCtl.res = UrlCtl.myPath.match(new RegExp("([^/]+?(?:_(\\d+))?\\.\\w+)$", "i"));
    UrlCtl.myPage = {
        Name: RegExp.$1,
        Index: RegExp.$2
    };
    if (UrlCtl.myPage.Name != "%_page_first_%" && UrlCtl.myPage.Index != ''){ // このページは2ページ目以降
        UrlCtl.newHash = "p" + UrlCtl.myPage.Index;
    }
    if (0 < UrlCtl.myAnchor.length && UrlCtl.myAnchor.match(/^e\d+/)){
        UrlCtl.newHash = UrlCtl.newHash + UrlCtl.myAnchor;
    }
    top.location.href=UrlCtl.myParent + "#" + UrlCtl.newHash;
}
</script>

<a href="/path/to/news.html#e%_d_%" target="_top">%_subject_%</a>

<a href="%_to_index_%#e%_d_%" target="_top">%_subject_%</a>

<a href="/path/to/news.html#e1">リンクテキスト</a>