点击头部字母,滚动条跳转到相应的位置 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表示获得这个字母的对象
- 点击头部字母,滚动条跳转到相应的位置 jquery
- 点击导航滚动条滚动到相应位置jQuery与js方法
- 点击按钮滚动条下滑到相应位置
- jQuery根据滚动条位置加载相应的内容
- 字母点击滚动条跳转事件
- jquery点击滚动条滑动到某个位置
- JQuery点击锚点滚动到相应的模块
- jquery中点击某元素后滚动条滚动到某元素位置或底部
- 定义锚点,点击a标签跳转到相应的版块,使页面滚动产生效果
- jquery滚动条滚动的指定位置
- jquery - 滚动div到头部的距离
- jquery操作滚动条滚动到指定位置
- jquery操作滚动条滚动到指定位置
- jquery操作滚动条滚动到指定位置
- jquery 滚动条 平滑滚动到顶部、底部、置顶位置
- jquery操作滚动条滚动到指定位置
- 点击,跳到相应位置
- 如何通过JQuery将DIV的滚动条滚动到指定的位置
- AS3操作xml
- android:ListView使用总结
- HD OJ 1002Problem 大数相加
- 杭电OJ题 1557 权利指数 解题报告
- RC 资源文件
- 点击头部字母,滚动条跳转到相应的位置 jquery
- 【2013.1.24】我有一个梦想:有一天世界上全部电器都可以用一个充电器来充电——Adapter
- WIFI Calibration
- NesC学习经验总结:第三篇 如何调试NesC程序
- idr机制(32叉树)
- 理解WebKit和Chromium: 消息循环(Message Loop)
- NesC学习经验总结:第四篇 commands和events的用法与provide和use的关系
- CentOS Linux 远程终端ssh乱码问题
- MIni2440 各种资源整理