点击头部字母,滚动条跳转到相应的位置 jquery

来源:互联网 发布:算法新解pdf 编辑:程序博客网 时间:2024/05/19 01:07

实现效果:



如上图,用户点击了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表示获得这个字母的对象






原创粉丝点击