做公众号项目中有如下场景，一个H5页面有列表数据，不考虑一次加载所有数据，故需要分页操作，解决方案为滑动到底部自动加载下一页内容。直接在H5的js当中实现。 主要使用jquery的scroll()方法： 当用户滚动指定的元素时，会发生 scroll 事件。 scroll 事件适用于所有可滚动的元素和 ...
分类：
移动开发 时间：
2017-06-19 09:53:10
阅读次数：
2532
在移动端中，我们希望元素的滚动，可以通过一些插件的使用来实现滚动，当然也可以自己来实现。 比如：对于某一个区域，我们可以限制好高度之后，设定：overflow-y: scroll; 这样，就可以实现滚动了，并且我们可以通过 overflow: scroll的元素的scrollTop来控制其行为。 但 ...
分类：
其他好文 时间：
2017-06-18 18:59:16
阅读次数：
154
<style>div{width:50px;height:50px;background:#00CCFF;position:absolute;}</style> <script> /* 这个原理其实很简单：后面的div都跟着第一个div走。 这个可以加window.onload=function() ...
分类：
其他好文 时间：
2017-06-17 18:27:52
阅读次数：
150
mac使用鼠标的时候滚轮方向和Windows是相反的。假设不勾选滚动方向自然，那么触摸板使用不爽。 解决的方法： 1、打开http://pilotmoon.com/scrollreverser/，下载Scroll Reverser。 2、将该软件拖动到 应用程序 中。 3、双击打开时候须要在 系统偏 ...
分类：
系统相关 时间：
2017-06-16 16:31:55
阅读次数：
416
获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 $(document).width() ==> 浏览器可见区域宽度$(d ...
分类：
Web程序 时间：
2017-06-16 11:31:20
阅读次数：
255
在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示： 也可以是横向滚动的导航栏，如图所示： 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。 什么是 b ...
分类：
其他好文 时间：
2017-06-15 20:24:59
阅读次数：
488
在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示： 微信 —> 钱包—>滴滴出行”体验效果。 什么是 better-scroll better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 isc ...
分类：
其他好文 时间：
2017-06-15 19:35:15
阅读次数：
4119
一.Scroll事件 元素内部内容的滚动 1.有滚动条的元素 2.给window绑定scroll事件 二.Resize事件 --绑定给window 窗口尺寸发生改变 三.新增事件 四.剪切板事件 1.oncopy（）用户拷贝元素内容时触发 2.oncut() 用户剪切元素内容时触发 3.onpast ...
分类：
编程语言 时间：
2017-06-15 19:32:55
阅读次数：
129
PC 移动端兼容 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 惯性助动，滑动回弹 门面模式 window.onload = function() { /*测试数据*/ var insert = ''; for (var i = 0; i < 80; i++) ...
分类：
移动开发 时间：
2017-06-14 16:23:40
阅读次数：
237
取scrollTop在IE、火狐浏览器上使用：document.documentElement.scrollTop; 在chrome（谷歌）上使用：document.body.scrollTop; 解决兼容性代码：var scrollTop=document.documentElement.scro ...
分类：
其他好文 时间：
2017-06-14 16:13:38
阅读次数：
167
