移动端效果之IndexList
写在前面 接着前面的移动端效果讲，这次讲解的的是IndexList的实现原理。效果如下： 代码请看这里：github 移动端效果之swiper 移动端效果之picker 移动端效果之cellSwiper 1. 核心解析 总体来说的原理就是当点击或者滑动右边的索引条时，通过获取点击 ...
原文：移动端效果之CellSwiper
写在前面 接着之前的移动端效果讲解，刚好项目中需要使用到这一效果，去饿了么的组件库看了一下效果，发现效果和微信端的cellSwiper还是有点差别的，由于项目中又是使用的React，之前使用的React所有组件都是自己一个字母一个字母码起来的 想来也是辛酸 ，所以结合之前的swiper，道理类似，实现了类似微信端的抽拉效果。 代码看这里：github 移动端效果之Swiper 移动端效果之Pick ...
2017-10-13 10:26 0 1697 推荐指数：
相关推荐
移动端效果之Swiper
写在前面 最近在做移动端方面运用到了饿了么的vue前端组件库，因为不想单纯用组件而使用它，故想深入了解一下实现原理。后续将会继续研究一下其他的组件实现原理，有兴趣的可以关注下。 代码在这里：戳我 or github 移动端效果之Picker 移动端效果之CellSwiper 移动端 ...
移动端效果之Picker
写在前面 接着前面的移动端效果的研究，这次来看看picker选择器的实现原理 移动端效果之Swiper 移动端效果之CellSwiper 移动端效果之IndexList 代码看这里：github 1. 核心解析 1.1 基本HTML结构 1.2 初始化DOM 由于饿 ...
移动端弹性效果
布局一： 定义页面整体高度为100%，然后使用 position:absolute 布局可解决 <body> <div class="wrap"> <div ...
移动端效果之ScrollList
写在前面 列表一直是展示数据的一个重要方式，在手机端的列表展示又和PC端展示不同，毕竟手机端主要靠滑。之前手机端之前一直使用的IScroll，但是IScroll本身其实有很多兼容性BUG，想改动一下需求也很不容易，可以看我之前写的这一文章IScroll那些事——内容不足时下拉刷新（这里并不是 ...
js移动端滑动效果
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart ...
案例：移动端返回顶部效果
实现功能： 页面滚动某个地方就显示，否则隐藏 点击可以返回顶部 下面详细地说明具体的实现步骤： ① 滚动到某个地方后显示 ② 事件：使用scroll页面滚动事件 ③ 如果被卷去 ...
移动端轮播滑动效果（swiper实现）
swiper 官网地址：https://www.swiper.com.cn/ Swiper在移动端的实际应用（演示） https://www.swiper.com.cn/demo/senior/index.html https://blog.csdn.net/weixin_42931825 ...