HTML5字母索引交互组件
HTML5 的字母索引交互挺实用的，尤其是在联系人列表这种数据多的地方。点一下 A 到 Z 的字母，页面就能秒滚到对应位置，响应也快，体验还不错。这个项目用doT 模板加jQuery做的，代码不复杂，你一看就能上手。
模板部分用 doT 来按首字母分组生成 HTML，数据和结构分开，改起来不怕乱。比如用Array.prototype.reduce()先把联系人整理好，再交给模板渲染。jQuery 这边就是负责交互，监听点击字母栏，$('body').animate()去滚动定位，动画顺滑得。
压缩包里有完整的index.html、JS、CSS，还有示例数据。样式也帮你配好了，字母栏和选中高亮都现成的。如果你也想做个类似微信联系人那样的索引列表，拿来直接改就行，挺省事的。
文件大小：148.85KB
评论区