超轻量级手机端区域滚动组件——Yscroll

这个组件是从原来侧滑的组件抽出来的,一个轻量级区域滚动组件。

github 地址

Yscroll配置参数:

{ 
  Scontainer : '.slider_cont', //滚动的内层选择器 
  hScroll : true, // 是否开启横向滚动 
  vScroll : true, // 是否开启纵向滚动 
  momentum : true, //是否开启缓动 
  lockDirection : true //是否开启当一个方向滚动锁定另一边的滚动 
}

调用方法:

添加链接:

<script src="http://www.l-zhi.com/demo/lib/yscroll.js" ></script>;

然后通过下面的方法实例化:

new Scroller('#slider',{ 
  Scontainer : '.slider_cont', 
  hScroll : true, 
  vScroll : true, 
  momentum : false, 
  lockDirection : true 
});