iscroll.js
iscroll.js插件是兼容所有移动端滚动条事件的插件,在某些安卓机中,我们无法通过overflow:scroll这个css属性来出现滚动条
要求
1》要给滚动元素加入一个父元素
(只有容器元素的第一个子元素能进行滚动,其他子元素完全被忽略)
2》父元素的高度值要小于滚动区域的高度
(如果为横向滚动则父元素的宽度值要小于滚动元素的宽度)
3》scroll是一个类,每个需要使用滚动功能的区域均要进行初始化
new IScroll(".main",{
scrollbars: true
是否显示滚动条。默认为false;
fadeScrollbars:true
滚动条淡入淡出效果,当然前提是你滚动条显示了。默false;
bounce: false
滚动到达容器边界时是否执行反弹动画。默认为true;
click:true
iScroll禁止默认鼠标的点击行为,如果要使用设置true,默认为false;
});
最保险的方式是在window的onload事件中启动它。
综上:最小的iScroll配置如下
<head>
...
<script type="text/javascript" src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new IScroll('#wrapper');
}
</script>
</head>