上传者: 38631331
|
上传时间: 2021-07-29 09:53:36
|
文件大小: 83KB
|
文件类型: PDF
我们常见的手机通讯录或微信通讯录,联系人信息是按字母顺序排列的列表,通过点击右侧的字母,会迅速定位检索到首字母对应的联系人。那么我今天给大家介绍的是按首字母快速定位到城市列表,效果和通讯录一样的。
查看演示 下载源码 准备
查看演示 下载源码
准备
首先我们需要用到全国的城市数据,这些城市数据来源于网络,我已经将数据格式化成JSON形式了,大家可以直接拿去用。
我们还需要用到一个叫better-scroll的滚动插件,它能帮我们将超长的页面原生的滚动条处理掉,优化滚动效果。
接着我们准备HTML结构。
<div class=city-wra