移动端iscroll局部滑动效果的实现及遇到的问题

      移动端局部滑动效果的实现采用的是iscroll插件 ,大家可以看看https://github.com/Slovty/iscroll   ,里面有demo ,下载下来自己研究研究就差不多了,接下来讲讲我遇到的问题,记自己.

    1.层错位的问题  demo里面设置的是绝对定位( position :absolute),这个问题导致滑动的层充满了整个屏幕,去掉这个css属性就ok了.

    2.滑动的时候会滑出屏幕,   在#wrapper 选择器下 添加 overflow: hidden;

    3.滚动在手机端失效的问题  将onload()函数下面的 touchmove监听事件去掉就行了,或者注释.

    4.动态设置scroller的宽度的问题,  在实际应用中,数据是动态的,要计算好每个子项的宽度,,,通过js来给scroller设置宽度,但是一定一定一定要在new IScroll  之前,   因为这个宽度在new的时候就要传入iScroll.js.

下面附上我修改过的css代码