随笔分类 -  web移动端

摘要:一、解决办法:给body添加一个position-fixed类即可 阅读全文
posted @ 2019-09-30 17:30 mysunshine_SZZ 阅读(1107) 评论(0) 推荐(0) 编辑
摘要:一、解决移动端点击图片时图片过小问题 1、问题场景:经常在移动端会动手点击图标达到某些操作。但是有时候图标过小,不容易点击到。 (1)比如我们要点击这样的图标,图标比较小不容易点击到 (2)解决方案:如下图所示,只需要将图标平铺到内容区域就可以解决。 (3)代码: (4)参考文档 http://ww 阅读全文
posted @ 2019-07-19 13:11 mysunshine_SZZ 阅读(364) 评论(0) 推荐(0) 编辑
摘要:一、前言 本文主要涉及: 1、移动端的touch事件 2、移动端的滑动手势实现的原理 3、移动端点击的时候出现的300ms延时问题 二、主要内容 1、移动端的touch事件 (1)常见的touch事件 touch事件是移动端的触摸事件 并且是一组事件。 touchstart 当手指触摸到屏幕的时候会 阅读全文
posted @ 2019-07-18 14:56 mysunshine_SZZ 阅读(500) 评论(0) 推荐(0) 编辑
摘要:一、前言 移动端的轮播图通常有以下几个功能: 1. 自动轮播图且无缝 定时器,过渡*/ 2. 小圆点点要随着图片的轮播改变 根据索引切换 3. 滑动效果 利用touch事件完成*/ 4. 滑动结束的时候 如果滑动的距离不超过屏幕的1/3 吸附回去 5. 滑动结束的时候 如果滑动的距离超过屏幕的1/3 阅读全文
posted @ 2019-07-18 11:19 mysunshine_SZZ 阅读(926) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示