HTML5
Taojunhao
砥砺奋进,不忘初心
展开
-
解决 H5 IOS input 聚焦时,软键盘将页面整个推上去,键盘收起页面未下移 BUG
目录问题描述解决方案问题描述近日在开发H5应用时,测试人员发现在IOS低版本中input,textArea等输入框聚焦时,软键盘弹起会将整个页面向上顶,收回键盘后,页面不会回弹恢复页面,导致页面下方产生大量空白。解决方案在页面中添加以下js即可解决:// 解决 H5 IOS input 聚焦时,页面整个被推上去了,键盘收起页面未下移 BUG$(function () { (/iphone|ipod|ipad/i.test(navigator.appVersion)) && do原创 2021-07-09 14:22:34 · 4770 阅读 · 0 评论 -
父级页面从子Iframe页面中获取Vue实例踩坑记录!
从父级页面获取子级iframe页面的方法和数据:document.getElementById("父级元素id").contentWindow.子级方法();document.getElementById("父级元素id").contentWindow.vue实例;document.getElementById("父级元素id").contentWindow.vue实例.vue方法();document.getElementById("父级元素id").contentWindow.vue实例.vue原创 2020-12-31 09:45:11 · 2387 阅读 · 0 评论 -
Vue实现tab选项卡及内容滑动切换
Vue实现tab选项卡及内容滑动切换近期公司要求给产品应用添加详情和评论的展示模块,为了达到用户体验效果,采取切换tab选项卡,联级滑动响应的内容进行展示,并且滑动内容切换tab选项卡。考虑到性能及兼容性问题,放弃采用Swiper等插件,直接使用Vue来进行原生开发。下面上代码。效果图:HTML:<!doctype html><html><head> <meta charset="utf-8" /> <title>tab滑动选项卡原创 2020-12-30 17:22:30 · 3540 阅读 · 1 评论 -
Vue实现 Switch 开关按钮demo
HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>switch 开关按钮</title></head><body> <原创 2020-10-27 15:18:48 · 5014 阅读 · 0 评论 -
canvas注意事项
canvas注意事项注意事项===canvas图像的渲染有别于HTML图像的渲染canvas图像渲染极快,不会出现代码覆盖后延迟渲染的问题;写canvas代码时一定要有同步思想===在获取上下文时,一定要先判断===画布宽高问题...原创 2019-07-23 23:51:14 · 391 阅读 · 0 评论