iTakeo

模拟移动端滚动条。

移动端模拟滚动条,粗糙的封装了一下,只测试了IOS和安卓4.3,其他未知待测试。

支持X轴和Y轴滚动,默认Y轴,如果需要X轴,需要加上data-type=“x”。下面是调用方法

  1. //调用  
  2. scroll(‘.scroll’).init()  

另外提供两个方法:

  1. scroll(‘.scroll-wrap’).init({  
  2.     scrollTop  : function () {  
  3.         //顶部触发  
  4.     },  
  5.     scrollEnd  : function () {  
  6.         //底部触发  
  7.     }  
  8. });  

下面是HTML结构。

  1. <div class=“scroll”>  
  2.     <div class=“scrollDom”>  
  3.         //内容  
  4.     </div>  
  5. </div>  

X轴:

4
5
6
7
8
9
10
11
12
13
14
15
16

Y轴:

4
5
6
7
8
9
10
11
12
13
14
15
16

可以点击这里下载demo演示


2015/09/16 0 / /
标签:  暂无标签

验证码: 4 + 5 =

回到顶部