-
- 慕仙6782529 2018-12-02
- 每次调用go函数都重新获取当前idx的值
-
截图0赞 · 0采集
-
- 慕仙6782529 2018-12-02
- 在touchstart中将offerx设置为0，目的是每一次按下时它的值都为零
-
截图0赞 · 0采集
-
- 慕仙6782529 2018-12-02
- 这里三个事件的绑定对象是ul而不是li
-
截图0赞 · 0采集
-
- 慕桂英4163174 2018-02-23
- display: -webkit-box; -webkit-box-pack: center; -webkit-box-align; center;
- 0赞 · 0采集
-
- 慕桂英4163174 2018-02-23
- <meta name="apple-touch-fullscreen" content="YES" /> <meta name="apple-mobile-web-app-status-bar-style" content="balck" />
- 0赞 · 0采集
-
- youling0106 2018-02-01
- 改变盒模型 li{ display: table-cell; vertical-align: middle; }
- 0赞 · 0采集
-
- 廖凝璇4033382 2017-07-20
- 苹果手机的样式
-
截图0赞 · 0采集
-
- 慕哥0232585 2017-06-18
- 移动端在body里加定位，会导致加载缓慢。
-
截图0赞 · 0采集
-
- 不忘初心2015 2017-06-10
- translate3d(x,y,z) x:表示在x轴方向的位移。 y:表示在y轴方向的位移。 z:表示在z轴方向的位移 <mata name="viewpoint" conten="device-width", //宽度等于设备的宽度 initial-scale=1.0,//默认放大倍数1.0 maximum-scale=1.0,//最大放大倍数1.0 minimum-scale=1.0,//最小放大倍数1.0（避免失误操作） <meta name="apple-mobile-web-app-status-bar-style" content="black" ></mata>//IOS浏览器滚动条颜色 user-scalable=no"/>//禁止用户缩放 <meta name="apple-touch-fullscreen" content="YES" />//允许全屏应用 居中(高级浏览器)： 1、li{display:table-cell;vertical-align:middle;} 2、li{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;} 居中(一般)： li{line-height:568px;vertical-align:middle;} li img{vertical-align:middle;}
- 0赞 · 0采集
-
- 慕粉3436140 2017-04-26
- 图片滑动特效
-
截图0赞 · 0采集
-
- Wendy_22 2017-04-17
- 文本居中的方式：disaplay:table-cell;vertical-align:middle;第二种方法： display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;
-
截图0赞 · 1采集
-
- qq_缺口的杯子_04034935 2017-01-10
- 我会了
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-13
- 防止出现下标0的情况 报错，需要加上 && 判断。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-13
- 在手指触摸的函数厘米那删除掉 webkitTransition 属性，解决滑动图片有延迟。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-13
- 写go函数 获取当前li的 下标，判断传入的值。再添加相对应的css属性
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-13
- 添加-webkit-backface-visibility:hidden 可以避免手机端滑动的时候闪白
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-12
- 2.手指触摸移动 先需要清除默认行为 在计算出位移的多少（从触摸开始0算起） 循环判断下标小于三张图 for循环位移的距离等于 当前循环的图片下标乘以宽度 + 位移的距离。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-12
- 手指触摸事件 获取触摸时的坐标 定义现在的位移为零 获取现在的事件戳
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-12
- 移动dom 新建三个事件 1.手指触摸 2.手指移动 3.手指离开。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-12
- 2.创建dom文件 根据图片的长度生成父容器li，给每个元素添加宽度 transfom属性 if判断每个数据的长宽比 加不同的宽高。 给父容器添加宽度 高度。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-12
- 1.先新建一个构造函数 初始化 生成dom树 操作dom树 算出屏幕窗口的长宽比 设置初值宽度 跟下标
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-12
- 3.图片垂直居中的方法 把父容器变成流体盒子模型。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-12
- 2.图片居中第二种方法 把父容器设置成表格类型。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-12-12
- 1.图片垂直居中的方法 用vertical-align middle 缺点，需要给父容器设置固定行高。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-11-10
- -webkit-backface-visibility:hidden; 避免元素动画的过程中闪白。
-
截图0赞 · 0采集
-
- _莫忘初衷_ 2016-11-09
- 移动div的实现虽然可以使用position:absolute,但还是建议使用translate3d,因为可以启动手机的GPU加速，加速图片的渲染 -webkit-transform: translate3d(0px,0,0); 和position: absolute;left: 0; top; 0; 一样都可以实现相同的效果，但是使用translte3d可以使用GPU加速图片渲染，使图片滑动的更顺滑
- 0赞 · 0采集
-
- qweqwe13123123 2016-11-09
- 设置跟高度一样的行高，居中line-height: ;vertical-align: middle; 改变成表格元素，居中 display: table-cell;vertical-align: middle; 使用flex 布局 display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;
-
截图0赞 · 0采集
-
- 斜杠男人 2016-10-23
- <mata name="viewpoint" conten="device-width", //宽度等于设备的宽度 initial-scale=1.0,//默认放大倍数1.0 maximum-scale=1.0,//最大放大倍数1.0 minimum-scale=1.0,//最小放大倍数1.0（避免失误操作） <meta name="apple-mobile-web-app-status-bar-style" content="black" ></mata>//IOS浏览器滚动条颜色 user-scalable=no"/>//禁止用户缩放 <meta name="apple-touch-fullscreen" content="YES" />//允许全屏应用 居中(高级浏览器)： 1、li{ display:table-cell; vertical-align:middle; } 2、li{ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; } 居中(一般)： li{ line-height:568px; vertical-align:middle; } li img{ vertical-align:middle; }
-
截图0赞 · 0采集
-
- 斜杠男人 2016-10-23
- 手指触摸屏幕touchstart 手指点击屏幕touchmove 手指抬起事件touchend
-
截图0赞 · 0采集
-
- 斜杠男人 2016-10-23
- -webkit-transform: translate3d(0px,0,0); 和position: absolute;left: 0; top; 0; 一样都可以实现相同的效果，但是使用translte3d可以使用GPU加速图片渲染，使图片滑动的更顺滑
-
截图0赞 · 0采集
数据加载中...
开始学习
免费