微信小程序：scroll-view滚动组件

在开发微信小程序时，有时一些视图在手机指定的宽度和高度不够存放，那么可以放在scroll-view中。

在给scroll-view设置滚动的时候，分为三个步骤：局档缓

在给scroll-view设置滚动的时候，分为两个步骤：

滚动到指定的id元素位蠢携置，并且给桐模滚动的过程添加动画

手机端页面切换，页面跟随手势上下/左右滑动，依赖zepto.js。如果工程中同时使用jquery的话，采用如下方式来调用zepto的方法。

(function($){$('#Marke').touchSlider({direction: 'v',itemSelector:'.slide',slidePercent:0.2})

})(Zepto)。

调用方式：$('#Marke').touchSlider({direction: 'v',itemSelector:'.slide',slidePercent:0.2})

direction：v/h，竖滑或横滑。

itemSelector：需要滑动的一组DOM元素，使用同一的className来标识。

slidePercent：用户滑动多少百分比（0.0～1.0）后才会触发slider，否则就还原到滑动前的位置。

扩展资料：

zepto的使用：

1，针对移动端程序，Zepto有一些基本的触摸事件戚虚可以用来做触摸屏交互。

2，DOM *** 作：,添加id时Zepto会生效。

3，拆州事件触发：使用zepto时load事高御燃件的处理函数会执行。

4，事件委托：zepto中，选择器上所有的委托事件都依次放入到一个队列中。

5，width() 与 height()：zepto由盒模型（box-sizing）决定，用.width()返回赋值的width，用.css('width')返回border等的结果。

---