锚点跳转测试四实例页面

展示

回到相关文章 >>
平滑跳转到底部:滑到底部   按钮平滑到底部:
平滑回到顶部:回到顶部链接   直接跳到顶部:
HTML代码:
<div id="top" class="append_box mb20">
    平滑跳转到底部:<a href="#bottom" class="smooth">滑到底部</a>
     
    按钮平滑到底部:<button id="btnBottom" type="button" anchor="bottom">点击我</button>
</div>
<div id="appendBox" class="append_box">
    <img width="300" height="3281" src="//ss4.sinaimg.cn/bmiddle/6200b7a8t8b6743480673&690" />
</div>
<div id="bottom" class="append_box mt20 pb20">
    平滑回到顶部:<a href="#top" class="smooth">回到顶部链接</a>
     
    直接跳到顶部:<button id="btnTop" type="button" anchor="top">点击我吧</button>
</div>
            
JS代码:
$(function(){
    $(".smooth").zxxAnchor({
        anchortag: "href"                       
    });
    $("#btnBottom").zxxAnchor();
    $("#btnTop").zxxAnchor({
        anchorSmooth: false                       
    });	   
});