移动端
qiphon3650
成功需要努力,知识源于分享!
展开
-
移动端注意点
首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />meta content="yes" name="apple-转载 2017-07-25 15:03:22 · 295 阅读 · 0 评论 -
iphone下点击效果不生效
iphone下点击效果不生效iPhone下有时候div的点击事件不会生效的解决办法手动在元素上添加一个空的onclick 事件<div onclick="">原创 2018-11-02 10:54:57 · 904 阅读 · 0 评论 -
移动端滑动事件方法
今天使用jquery.fullpage.js的时候,发现移动端调试不支持滑动事件,于是自己写了一个滑动的事件,如下,使用这个插件时只需要给window绑定一个滑动事件就可以了,不需要添加方法,由于第一次使用,还没看他js的具体信息,只是粗略过了一眼,好,具体内容看代码:<!DOCTYPE html><html lang='en'><head>...原创 2018-01-05 10:44:03 · 2668 阅读 · 0 评论 -
web sql indexedDB
了解sqlcookies 浏览器限制最大只能4klocalstorage/sessionstorage 适合小数据量的储存,firefox/chrome限制最大5m。 localStorage是以字符串形式存储的,存之前要先用 JSON.stringify 变成字符串, 取出的时候使用JSON.parse 恢复成对应的格式复杂数据管理(webSQL...转载 2018-07-24 16:38:44 · 656 阅读 · 0 评论 -
-webkit-tap-highlight-color
iPhone手机下添加点击事件需要独有的cssdiv{ cursor:pointer;}这样设置之后就能触发点击事件了 但是点击的时候那个区域会有高亮反馈,解决办法div{ -webkit-tap-highlight-color:transparent;}...原创 2018-05-03 16:40:31 · 797 阅读 · 0 评论 -
手机返回事件监听
文案参考https://www.zhihu.com/question/40511430其中遇到了苹果端无法给绑定元素添加事件的小坑,解决办法//给事件元素添加cursor:pointer;//防止点击元素出现闪烁背景-webkit-tap-highlight-color:transparent;$(function(){ pushHistory(); ...转载 2018-04-17 12:35:15 · 1246 阅读 · 0 评论 -
解决移动端文本框被原生键盘弹出后挡住文本框
本文转载地址https://blog.csdn.net/qq_20353887/article/details/74331419记一次,解决移动端文本框弹出键盘遮挡输入框的方法: document.activeElement.scrollIntoViewIfNeeded(); 方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区...转载 2018-04-08 11:05:49 · 2503 阅读 · 0 评论 -
修改meta标签
var scale = 1 / devicePixelRatio;document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-sc转载 2017-10-17 15:25:55 · 4278 阅读 · 0 评论 -
浅谈web自适应
meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">/*数据计算公式 640/100 = device-width / x 可以设置其他设备根元素字体大小ihone5: 640 : 100转载 2017-09-08 14:31:47 · 546 阅读 · 0 评论 -
iPhone Safari 冒泡事件
感谢 Xdoudou的分享应用场景 写了一个下拉菜单,在单击空白地方的时候隐藏。不生效的代码$('.icon-nav').click(e=>{ $(".nav").fadeIn() e.stopPropagation()})$('body').click(()=>{ $('.nav').fadeOut();})Safari中是这样处理事件冒泡的:点击某个D...转载 2018-11-02 11:57:13 · 774 阅读 · 0 评论