be-fe / iSlider

Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
http://be-fe.github.io/iSlider/
MIT License
1.65k stars 449 forks source link

设置内容区overflow:scroll时,左右能滑动,上下不行。 #204

Closed qiuling2014 closed 9 years ago

qiuling2014 commented 9 years ago

1、测试是使用的demo_with_navigator.html的例子; 2、在class为page的div上设置的overflow:scroll; 3、能上下滚动,但是不能滑动,移动端必然失效; 4、尝试过使用fixPage: false,仍然不起作用; @qbaty @xieyu33333

xieyu33333 commented 9 years ago

isVertical: true 这个才是上下滑动的开关,我以为你说的是要左右滑动,内部滚动的效果。。。

qiuling2014 commented 9 years ago

http://www.evolve-sys.com/#/posters/7?project_id=7 mobile端打开,想实现这种效果,能左右滑动切换page,同时当前page也是可以上下滑动的

xieyu33333 commented 9 years ago

抱歉,你给的例子打不开,还是不明白你到底需要什么效果。

qiuling2014 commented 9 years ago

http://www.evolve-sys.com/#/posters/1?project_id=1 这个应该可以看到

qiuling2014 commented 9 years ago

麻烦你再看一下上一条回复的链接,谢谢了

xieyu33333 commented 9 years ago

移动端上在安卓4之前的系统是不支持原生内部滚动条的,所以需要iscroll等使用js来模拟滚动条实现,你可以看一下iscroll

qiuling2014 commented 9 years ago

你看一下我贴的链接吧,islider能实现这样的交互吗?好实现吗,我看了api觉得没什么问题,现在滑动只能上下或只能左右,这个是不是阻止了默认事件?

xieyu33333 commented 9 years ago

可以实现,我之前用islider做的应用就是类似这样的。你不要参照demo_with_navigator.html的例子,那个例子里#iSlider-wrapper被随便给了一个1000的值,所以滚动条肯定出不来,因为你的内容压根没撑满。

qiuling2014 commented 9 years ago

image 已经出现滚动条,但是不能滑动,滚轮滚动是没有问题

xieyu33333 commented 9 years ago

滚动条出来就可以了,手机上是可以滑动的。(安卓4&iOS5以下是不行的)