페이지내 이동2

<script type="text/javascript">

 /*******

    ***    Anchor Slider by Cedric Dugas   ***

    *** Http://www.position-absolute.com ***

    

    Never have an anchor jumping your content, slide it.

    Don't forget to put an id to your anchor !

    You can use and modify this script for any project you want, but please leave this comment as credit.

    

*****/

        

$(document).ready(function() {

    $("a.anchorLink").anchorAnimate()

});

jQuery.fn.anchorAnimate = function(settings) {

     settings = jQuery.extend({

        speed : 1100

    }, settings);    

    

    return this.each(function(){

        var caller = this

        $(caller).click(function (event) {    

            event.preventDefault()

            var locationHref = window.location.href

            var elementClick = $(caller).attr("href")

            

            var destination = $(elementClick).offset().top;

            $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {

                window.location.hash = elementClick

            });

              return false;

        })

    })

}

</script>

=============

본문의 링크될 책갈피에 "id" 지정.

<a name="doc" id="doc"></a> 

본문의 링크부분에 클래스 지정

<a href="#doc" class="anchorLink">본문</a>