iScroll.js 一个可以实现客户端原生滚动效果的类库。 1、下载iScroll 2、build目录下提供了不同版本的iScroll,可根据情况选择使用 3、html要求有3层结构如下图 4、获取wrapper这个最外层结点,然后实例化,如下图 swipe.js 1、下载swipe.js 2、h ...
分类:
移动开发 时间:
2019-05-04 21:17:31
阅读次数:
197
如果div里有这么些内容: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=GBK"> <title>iScroll demo: simple</title> <scri ...
分类:
编程语言 时间:
2019-04-28 09:49:09
阅读次数:
522
前言 最近项目上需要使用iScroll,在中文圈里找了找,只找到了iScroll 4的中文版API。加上最近开始使用github(准确说,github账号是很多年前注册的,一直在企业应用里摸爬滚打,荒废了账号很长时间,是理由吗?是理由吗?),出于对开源社区的敬意,我突然觉得应该做点啥,于是先挑一个简 ...
CDN: iScroll作用于滚动区域的外层,只有容器元素的第一个子元素能进行滚动,其它子元素完全被忽略; 初始化方式: ...
分类:
其他好文 时间:
2019-01-24 11:09:55
阅读次数:
100
问题:发现公司项目移动端的分类页面在某些安卓机型上滑动时异常卡顿,而且出现卡顿的手机都是非常新的安卓手机,调试的时候发现在谷歌浏览器的手机模拟滚动时也非常卡顿 在一段纠结异常的调试和搜索下找到了解决方法: 使用用fixed版本的iscroll就可以了:https://github.com/clayd ...
分类:
移动开发 时间:
2018-12-30 18:57:04
阅读次数:
346
最近写组件库的时后,发现这个滚动条是真的丑啊,决定重新撸一个滚动条: 首先咱们回顾一下移动端浏览器滚动条特性: 滚动条在开始滚动时渐显,滚动结束后渐隐 滚动条不占内容区宽度,悬浮固定 滚动条高度(深灰)和滚动区可视高度(浅灰)比等于滚动区可视高度和滚动目标的高度 当滚动目标的高度小于滚动区可视高度的 ...
分类:
移动开发 时间:
2018-12-15 23:56:04
阅读次数:
354
做H5长页面,内容都是一个个图片。优化页面速度,使用了图片懒加载插件。 下面我安利一款,我在网上寻找到这个懒加载插件zhanyouwei/m-lazy,是支撑BetterScroll和iScroll滚动插件的。 项目地址:https://github.com/zhanyouwei/m-lazy 项目 ...
分类:
其他好文 时间:
2018-11-22 13:22:27
阅读次数:
357
iscroll的dom元素的结构是固定的,swiper是容器,scroll是需要滚动的容器,list是滚动的内容 tips: 1、swiper定位必须为relative,并且高度设置固定值,overflow:hidden; 2、swiper的高度一定要小于scroll的高度 3、初始化uiscrol ...
分类:
其他好文 时间:
2018-09-13 14:23:13
阅读次数:
206
一、文字环绕效果:使用浮动 二、两栏自适应 ①上面的例子里,如果把文字放进另外一个div盒子里,效果不变 ②然后对右边的div盒子加上overflow:hidden属性,出现了变化(触发了bfc) ③把右边盒子的文字去掉,加上一些样式 ④这样就可以做出移动端的一个两栏自适应的布局:左栏固定不变,右栏 ...
分类:
Web程序 时间:
2018-07-20 14:00:32
阅读次数:
247
1、zepto 2、iscroll.js 3、scroll-probe.js 完整代码:https://github.com/dirkhe1051931999/writeBlog/tree/master/iscroll iscroll: https://github.com/cubiq/iscrol ...
分类:
其他好文 时间:
2018-07-08 20:13:43
阅读次数:
195