当最外面的层想要设置一个 overflow: hidden,但子元素又想他们能滚动,像今日头条的滚动导航一样: html: css: 这样写里面的子元素 scroll的宽度就可以随着li的增加减少而改变,在这里引用iscroll可以向右滑动 ...
分类:
Web程序 时间:
2018-06-20 12:57:14
阅读次数:
1080
以上配置中:preventDefaultException属性用来设置将默认的拦截放开 ...
分类:
移动开发 时间:
2018-05-29 20:41:33
阅读次数:
276
最近还在看慕课网的vue外卖实战视频,这里面运用到了better-scroll。 首先来介绍下better-scroll,复制别人的介绍: better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 i ...
分类:
其他好文 时间:
2018-05-24 18:17:20
阅读次数:
498
前言 在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步: 监听原生touchstart事件,记录其初始 ...
分类:
其他好文 时间:
2018-04-18 14:27:54
阅读次数:
297
使用iscroll-probe实现向下刷新还是有点不太友好,因为他只要是实现容器滚动上模仿移动端滑动, 所以为实时监听滚动事件等,而在滚动后放开手指等没有监听所以向下刷新的效果在某些情况是无法实现的。 所以可以找专门实现向下刷新,向上加载的插件 如mescroll 它是一个不错的插件,里面很多例子, ...
分类:
其他好文 时间:
2018-03-12 01:06:10
阅读次数:
165
一.准备环节 iscroll.js 5.x版本项目地址 https://github.com/cubiq/iscroll 演示地址:http://pnc.co.il/dev/iscroll-5-pull-to-refresh-and-infinite-demo.html 下载解压,我们打开demos ...
分类:
其他好文 时间:
2018-03-07 13:36:04
阅读次数:
216
IScroll是移动页面上被使用的一款仿系统滚动插件。IScroll5相对于之前的IScroll4改进了许多,使得大家可以更方便的定制所需的功能了。 做项目的时候正好用到了这个插件,自己做了一下总结,发在这里方便大家学习IScroll5。 官网:http://iscrolljs.com/ IScro ...
Async 文档 Bootstrap 中文文档 CSS参考手册 cooking 中文文档 DevDocs API文档 Emmet 文档 ESLint 中文文档 Flex 布局教程 iScroll 5 API 中文版 JavaScript 中文文档 Less.js 中文文档 lodash 中文文档 M ...
分类:
其他好文 时间:
2018-02-10 12:54:16
阅读次数:
239
前言 由于最近做的一个移动端项目需要使用到类似 WeUI Picker组件 的选择效果, 所以在这里来分析下 WeUI Picker 的实现逻辑。(weui.js项目地址) 之前也做过类似的组件, 是基于iscroll实现的。单列滑动的效果还可以。至于多列联动,数据结构整的太乱了, 不太好扩展。 1 ...
分类:
其他好文 时间:
2018-01-31 20:14:57
阅读次数:
934
iScroll.js是一款滑动插件, 使用iScroll.js可以让网页的一些滚动效果变得更平滑, 用户体验更好. 一般的使用就像网上所说的那样, 在引入了iscroll.js后, iscroll的最小使用粒度: 这样就能是ul上挂在滑动效果. 还可以配置一些参数如: 我一般习惯在进行请求的时候把i ...
分类:
Web程序 时间:
2018-01-15 20:19:51
阅读次数:
1040