博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于iscroll插件的使用
阅读量:4921 次
发布时间:2019-06-11

本文共 651 字,大约阅读时间需要 2 分钟。

本次项目有一个需要多信息展示,需要左右滑动的效果,查资料了解到iscroll,就拿来用,如下调用:

var myscroll = new IScroll("#wrapper",

{eventPassthrough:true,scrollX: true,scrollY:false,hScrollbar:false,preventDefault:false});

eventPassthrough:true  滑动区域是左右滑动,上下滑动时连同真个页面滑动

scrollX:true  X轴滑动

scrollY:false  Y轴不滑动

hScrollbar:false  滚动条不显示

preventDefault:false阻止默认事件

本次使用过程中,加上eventPassthrough之后,左右滑动的效果十分不好,老是会超出,或滑不回来,纠结了好久,防止以后犯错,贴出代码

#wrapper {

  width: 52%;
  float: right;
  background: #FFFFFF;
  margin-top: 0.13333rem;
  overflow: hidden;(记住,overflow千万不能用scroll,大坑)
}

#scroller {

  width: 9.8rem;
  overflow: hidden;
}

大概就这么多,代码很少,但是还是解决了很久

转载于:https://www.cnblogs.com/xumqfaith/p/6957938.html

你可能感兴趣的文章
外星人入侵
查看>>
单调栈
查看>>
zepto源码--核心方法2(class相关)--学习笔记
查看>>
将16进制的颜色转为rgb颜色
查看>>
POJ 2182 Lost Cows (树状数组 && 二分查找)
查看>>
Matlab中界面和注释---中英文切换问题
查看>>
主板维修技术
查看>>
PHP实现四种基本排序算法
查看>>
企业级应用,如何实现服务化四(基础环境准备)
查看>>
Code::Blocks
查看>>
CBitmap,HBitmap,Bitmap区别及联系
查看>>
debian 系统备份
查看>>
netsh
查看>>
LabView 快捷键
查看>>
给自定义控件添加属性
查看>>
分层测试_经验分享
查看>>
Kendo UI - Class 基类定义
查看>>
算法导论Ch4
查看>>
jmeter的使用---用户变量
查看>>
三层的中间层,
查看>>