原文:移动端效果之ScrollList

写在前面 列表一直是展示数据的一个重要方式,在手机端的列表展示又和PC端展示不同,毕竟手机端主要靠滑。之前手机端之前一直使用的IScroll,但是IScroll本身其实有很多兼容性BUG,想改动一下需求也很不容易,可以看我之前写的这一文章IScroll那些事 内容不足时下拉刷新 这里并不是说IScroll不好,里面对手机 浏览器兼容性都做了大量的处理,只是当遇到bug时或者想改一下需求时不时特别方 ...

2017-11-17 16:10 1 1207 推荐指数:

查看详情

移动效果之Picker

写在前面 接着前面的移动效果的研究,这次来看看picker选择器的实现原理 移动效果之Swiper 移动效果之CellSwiper 移动效果之IndexList 代码看这里:github 1. 核心解析 1.1 基本HTML结构 1.2 初始化DOM 由于饿 ...

Wed Oct 11 01:37:00 CST 2017 0 9899
移动弹性效果

布局一: 定义页面整体高度为100%,然后使用 position:absolute 布局可解决 <body> <div class="wrap"> <div ...

Fri Jul 08 00:27:00 CST 2016 0 1723
移动效果之Swiper

写在前面 最近在做移动端方面运用到了饿了么的vue前端组件库,因为不想单纯用组件而使用它,故想深入了解一下实现原理。后续将会继续研究一下其他的组件实现原理,有兴趣的可以关注下。 代码在这里:戳我 or github 移动效果之Picker 移动效果之CellSwiper 移动 ...

Mon Oct 09 21:09:00 CST 2017 0 4516
移动效果之IndexList

写在前面 接着前面的移动效果讲,这次讲解的的是IndexList的实现原理。效果如下: 代码请看这里:github 移动效果之swiper 移动效果之picker 移动效果之cellSwiper 1. 核心解析 总体来说的原理就是当点击或者滑动右边的索引条时,通过获取点击 ...

Fri Oct 20 18:18:00 CST 2017 2 2441
移动效果之CellSwiper

写在前面 接着之前的移动效果讲解,刚好项目中需要使用到这一效果,去饿了么的组件库看了一下效果,发现效果和微信的cellSwiper还是有点差别的,由于项目中又是使用的React,之前使用的React所有组件都是自己一个字母一个字母码起来的(想来也是辛酸),所以结合之前的swiper,道理类似 ...

Fri Oct 13 18:26:00 CST 2017 0 1697
js移动滑动效果

移动触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart ...

Mon Oct 31 21:52:00 CST 2016 0 2753
移动页面侧边导航滑入效果

效果体验:http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果效果使用到jquery-2.1.4.min.js,该版本的jQuery库是用于支持HTML5的浏览器上,不再兼容IE8以前的浏览器,现在移动浏览器一般都支持HTML5,所以使 ...

Sat Jun 06 21:56:00 CST 2015 0 9958
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM