HideAndGoAnchor

HTML

<body>
    <div class="nav_line">
        <div class="nav_line_left">&nbsp;</div>
        <div class="nav_line_center"><a href="externalurl" id="parentURL2">Breadcrumb</a> | <a href="externalurl" id="parentURL1">Chapter I</a> | <a href="externalurl" id="parentURL0">Subchapter B</a> 
            </b>
            </font>
        </div>
        <div class="nav_line_right"> <a href="externalurl">&lt; Prev</a>&nbsp;|&nbsp; <a href="externalurl">Next &gt;</a>

        </div>
    </div>
    
<h2>Anchor Testing Page</h2>

<a name="p1">p1</a>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras felis ligula, lobortis non ante et, dictum maximus quam. Cras vel erat vel orci posuere interdum. Aenean placerat fermentum leo, at imperdiet quam laoreet sed. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut est urna, bibendum non aliquam non, tempor quis leo. Cras ut tortor quis dui posuere finibus. Sed mollis eleifend urna quis commodo. Integer lobortis ultrices libero, in tincidunt tellus. Nullam aliquet elit est, ut venenatis neque dictum vitae. Duis ut sollicitudin felis. Nunc risus nibh, egestas id molestie a, gravida et metus. Sed at pharetra massa. Integer turpis orci, viverra et rutrum in, eleifend vitae orci.</p>
<a name="p2">p2</a>

    <p>Mauris sed auctor lorem, sed dictum velit. Suspendisse ultrices eleifend enim, a condimentum mi hendrerit vitae. Proin porttitor tellus ac mattis tincidunt. Mauris felis justo, dictum nec nibh at, venenatis condimentum urna. Praesent rutrum leo ante, sed iaculis orci imperdiet nec. Vestibulum purus eros, commodo sed erat ut, iaculis vestibulum nisl. Sed tristique risus nec libero maximus elementum. Morbi euismod magna velit, ac tincidunt nisi molestie eget. Aenean commodo consequat urna scelerisque eleifend. In hac habitasse platea dictumst. Maecenas enim dui, imperdiet et fermentum quis, tincidunt nec enim. Donec fermentum metus lorem, et hendrerit neque blandit non.</p>
<a name="p3">p3</a>

   ...

CSS

.nav_line {
    font-family: Arial;
    font-size: 11px;
    position: fixed;
    _position: absolute;
    width: 100%;
    background: #6F0;
    z-index: 99;
    top:0;
    _top:expression(eval(document.body.scrollTop));
    left:0;
    clear:both;
}
.nav_line_left {
    text-align: left;
    width: 15%;
    float: left;
}
.nav_line_center {
    text-align: center;
    width: 70%;
    float: left;
}
.nav_line_right {
    text-align: right;
    width: 15%;
    float: right;
}
.nav_line_right p {
    margin:0;
    padding-right:10px;
}
.anchorfix {
    display: block;
    height: 12px;
    /*same height as header*/
    margin-top: -12px;
    /*same height as header*/
    visibility: hidden;
}
.highlight {
    background:#FF0;
}

JavaScript

$(document).ready(function (e) {
    $("a[name]").each(function() {
        var aName = $(this).attr('name');
        $(this).before("<span class='anchorfix' id='" + aName + "'></span>");
    });
});