[转载]使用iscroll.js-tab左右滑动导航--tab点击无效果
2017-08-24 16:24
507 查看
转载自:http://blog.csdn.net/zuoyiran520081/article/details/77369421
最近在页面中用iscroll.js,但是但是有跳转,用a标签的href进行跳转发现没有用,之后转换成用点击事件,发现依然不起作用,经过查询发现是禁止了浏览器的默认事件。 有的方法说如果用button或input代替a,都能响应click事件。 如果设置click为true,原来不能点击的手机能点击了,但是原来能点击的手机变成了双击,也就是将手机本身的click和iscroll的click各执行了一次。 所以最佳的解决办法是: 1.加上click: true,和taps:true两句代码。
myScroll = new IScroll("#wrapper", { scrollbars: true, mouseWheel: false, interactiveScrollbars: true, shrinkScrollbars: 'scale', fadeScrollbars: true, scrollY: true, probeType: 2, bindToWrapper: true, click: true, taps:true });
2.加上preventDefault: false代码
myScroll = new IScroll("#wrapper", { preventDefault: false });
注:用input的checked事件中加上方法1的代码没有什么作用,加上方法2的代码就可以实现了。
相关文章推荐
- (四)使用PagerSlidingTabStrip和ViewPager实现可左右滑动和点击效果功能
- Tab选项卡点击 滑动效果js实现
- js实现移动端导航点击自动滑动效果
- Android 高级UI设计笔记03:使用Scroller实现绚丽的ListView左右滑动删除Item效果(转载)
- 美团分类导航按钮效果使用ViewPager+GridView实现左右滑动查看更多分类的功能
- Android实现导航菜单左右滑动效果
- android模仿移动MM Tab 点击 背景 滑动效果
- Android实现导航菜单左右滑动效果
- Android实现导航菜单左右滑动效果
- 兼容FF,JS不间断循环滚动,包含自滚动,左右自滚动,点击左右滚动,鼠标暂停效果
- Android使用ViewFlipper实现左右滑动效果面
- android-使用ViewGroup实现左右滑动切换界面以及界面裂开的效果
- Android实现左右滑动指引效果(使用ViewPager)
- Android实现导航菜单左右滑动效果
- 【Android您问我讲】超炫的左右滑动效果 - ViewPager的使用
- Android实现导航菜单左右滑动效果
- android-使用ViewGroup实现左右滑动切换界面的效果
- [Android实例] Android 实现导航菜单左右滑动效果
- Android使用ViewPager实现左右滑动效果
- 转载 - 不使用任何框架,教你制作网页滑动切换效果