![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
维克多噗噗
!!!
展开
-
移动端拖动惯性
拖动惯性 惯性原理: 产生的速度 = 移动距离 / 移动时间 距离 = 松开的坐标 - 上次的坐标 (距离差) 时间 = 松开的时间 - 按下的时间 (时间差)//拖动 var slide = document.querySelector('.header .h-nav'),翻译 2017-06-16 17:18:12 · 3642 阅读 · 1 评论 -
移动端轮播的完善
封装transform.js 2个参数获取 transform 的值 3个 设置/* 2个参数获取 transform 的值 3个 设置 */function cssTransform(obj,attr,val){ if(!obj.transform){ obj.transform = {}; } if(arguments.l翻译 2017-06-18 00:32:29 · 333 阅读 · 0 评论 -
移动端基本事件
第一章:移动开发班一、新的api获取元素的方法1、document.querySelector(参数)a)获取的是一个元素b)返回的是一个对象c)没有length属性d)相当于 document.getElementById(参数)e)参数须符合css selector的字符串2、document.querySelectorAll(参数)a)获取的是一组元素b)返回的是节点列表c翻译 2017-05-26 23:24:14 · 364 阅读 · 0 评论 -
移动端拖动集合(适配下的边界值,点透问题,细节处理,惯性的运用,行内控制宽度)
html. <section class="page allCelebrity"> <div class="c-title"><i></i><span>历史名人</span></div> <div class="celebrity"> <div class="input">原创 2017-06-23 06:06:17 · 870 阅读 · 0 评论 -
移动端拖拽
addEventListener绑定事件因为addEventListener添加事件 不覆盖,所以touchstart,touchmove事件要分开来写模拟默认手指滑屏<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">翻译 2017-06-11 23:20:03 · 237 阅读 · 0 评论 -
移动端多指事件
ios下的多指事件 ios下的默认api. 多指事件 ==> gesturestart gesturechange gestureend e.scale ===> 缩放的倍数 相乘 eg: 0.5*0.2翻译 2017-06-23 21:59:59 · 2240 阅读 · 0 评论 -
移动端适配
百分比布局,flex布局<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Author" content=""> <meta name="Keywords" content="">翻译 2017-06-11 23:10:13 · 407 阅读 · 0 评论 -
移动端轮播滑动
布局(rem适配)设计图宽770pxindex.html<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Author" content=""> <meta name="Keywords"原创 2017-06-13 21:40:34 · 988 阅读 · 0 评论