学步园

实现效果：

如上图，用户点击了D那么屏幕跳转到D。

js实现：

viewkeyword.toAlphaPosition=function(current){
    var target = $("h3[id='"+current+"']");
    if(target!=null&&target.length>0){
        var obj= $("#keywordList table").eq(0);//获取keywordList 下面第一个字母位置。比如A字母的位置
        var original =obj.offset().top;
        var target=target.offset().top;//目标对象的位置，比如D
        var positionTop=target-original+"px";//相减即是滚动条的位置
        $("#keywordList").animate({scrollTop:positionTop},500);//1000是ms,也可以用slow代替
    }
}

解释：

current为当前点击的字母，比如D。

target表示获得这个字母的对象