摘要: 一、背景需求 在 上一篇文章中,我们实现了点击字母->定位到相应区域的功能 接下来,我们要实现城市列表随导航条滚动而滚动的功能 页面静态布局如下: 二、移动端 touch事件的基础知识 常见的触摸事件包括: touchstart、touchmove、touchend touch对象代表一个触点,每个 阅读全文
posted @ 2020-07-18 16:12 BAEBAE996 阅读(487) 评论(0) 推荐(0)
摘要: 一、背景需求 在城市列表页面中,我们希望通过导航条完成以下2项功能: 1、 点击字母,定位到以该字母开头的城市区域 2、 在垂直方向拖动导航条,根据鼠标(手指)所在的字母 定位到相应区域 页面的静态布局如下图: 二、兄弟组件的数据传递 字母导航条所在的子组件为 Alphabet,城市列表所在的子组件 阅读全文
posted @ 2020-07-18 16:10 BAEBAE996 阅读(472) 评论(0) 推荐(0)
摘要: 一、背景需求 BetterScroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件 它的核心灵感来自于 iscroll 的实现 它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化 在一个以长列表为主要内容的vue 阅读全文
posted @ 2020-07-18 16:09 BAEBAE996 阅读(353) 评论(0) 推荐(0)