HTML5地区管理插件移动端表单优化方案
移动端的省市区选择，一直是前端绕不开的一块。HTML5 的地区管理插件，就是个还不错的方案，专门针对移动端优化，操作流畅，滚动顺滑，挺适合做表单或者地址填写类的场景。
插件的滚动效果做得蛮细腻，应该是用了CSS3 动画和HTML5 触摸事件，像touchstart、touchmove这种事件，配合transform: translateY()来实现滑动，响应也快，体验上比较贴近原生。
数据这一块得也还可以，一般是用JSON 格式做存储，配合异步加载策略，比如你选了省，才去加载对应的市和县，避免一次性塞太多东西卡页面。
考虑到用户在没网的情况下操作，插件也用到了本地存储，像localStorage、sessionStorage，这样就算断网也能照常选地区，用户体验蛮贴心的。
你要是注意看压缩包，会发现一个叫特效的文件夹，里面放的是 CSS、JS 这些增强效果的资源，滚动动效基本都靠它撑着。另外还有个叫html5_地区滚动插件的文件，核心代码应该都在这，改样式、调交互基本靠它。
插件也挺好对接后端的，用Ajax提交选中的省市区信息，前后端同步数据，像注册页、地址管理页都蛮适合用。
如果你经常做移动端表单、地址填写页面，想省点事儿又不想体验打折，这个插件可以一试。记得调好响应式样式，不同屏幕上都得兼容好。
文件大小：229.51KB
评论区