在一些项目中,用户总是要求自定义一下滚动条,以前一般用iscroll解决,但是发现iscroll有很多不方便的地方,而且也比较大,索性自己琢磨一个类似的插件吧!目的有两个:要足够小,易于上手使用;功能一定要足够实用,能满足广大H5开发者的基本需求。 介绍一下这个插件的主要功能: 1、隐藏或显示滚动条 ...
分类:
Web程序 时间:
2017-12-25 18:19:50
阅读次数:
247
1.按钮input与button的区别 button在表单中不写type=‘button’,会默认为submit类型,相当于<input type='submit' value='提交'> 2.苹果手机拖动屏幕会阻止程序中的定时器 使用iscroll.js来避免 3.一行字体分上下两半截显示 给元素 ...
分类:
其他好文 时间:
2017-12-22 19:46:51
阅读次数:
89
前几天总结了IScroll的一些用法,总觉得IScroll有时候还是太庞大了些,有时候用它仅仅是为了自定义一个滚动条样式……,于是我决定自己动手,丰衣足食。 这是我封装的第一个插件,当然是先做一下总结啦!我认为这个插件有主要两个难点: 一、滑动处理动画(目前还没有做出来) 二、自定义时间的处理。 第 ...
分类:
其他好文 时间:
2017-12-19 01:46:34
阅读次数:
304
最近做一个H5项目,数据交互量比较大,很多页面都是从后台拿过来数据做一个列表显示,这自然就遇到了滚动。 刚开始我直接使用css做法,直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动,露出顶部的域名和底部的黑色背景。用户反映体验不好,要改……好吧,自己动手。但这并不是好 ...
分类:
其他好文 时间:
2017-12-07 17:12:34
阅读次数:
1427
最近移动端闪付遇到的两个坑做下总结: 1.使用iscroll后,滑动并没有生效 解决方案: 首先要查看:结构是否正确: <div id="wrapper"> //wrapper的高度一定要指定,并且最好要高于wrapper的高度否则,无法正常滚动 <ul> <li></li> ... </ul> < ...
分类:
其他好文 时间:
2017-12-06 17:43:03
阅读次数:
146
概况 概况 资料来源 iScroll基本信息 官网:http://cubiq.org/iscroll-4 更新:2012.07.14 版本:v4.2.5 兼容:iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webkit, ...
分类:
其他好文 时间:
2017-11-03 11:19:07
阅读次数:
189
下载iScroll.js https://pan.baidu.com/s/1geEovGB html <div id="wrapper"> <div class="scroll"> 这个区域可以滑动 </div> </div> css 1.父元素限定滚动的区域高度 2.子元素相对父元素绝对定位 js ...
分类:
其他好文 时间:
2017-10-14 17:12:02
阅读次数:
158
插件: swiper iscroll ejs(主要应用于node.js) zepto(同jq用法一样,更适合于移动端) less H5: 新增标签 header footer section time main nav ... 对于input新增表单元素属性,以及新增类型的优势 email tel ...
分类:
移动开发 时间:
2017-10-09 14:18:30
阅读次数:
210
什么是 better-scroll better-scroll 是一个移动端滚动的解决方案,它是基于 iscroll 的重写,它和 iscroll 的主要区别在这里。better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等。 better-scroll 的 ...
分类:
其他好文 时间:
2017-09-27 17:32:03
阅读次数:
193
通常情况下,我们会使用iScroll.js做移动端的下拉刷新和上拉加载功能,当然,还有很多其他功能。 不过,在使用iScroll的时候,在谷歌浏览器中出现不支持的情况,即,做移动的时候,出现卡顿或是每次只下拉或上拉几像素的问题。 所以,,应该将PointerEvent关闭。 那么什么是Pointer ...
分类:
其他好文 时间:
2017-09-18 10:46:35
阅读次数:
330