html中的js点击ipunt后加一,iphone 端 ipunt输入框光标偏移

问题：在iphone端，在输入框点击时，出现光标偏移，输入是正常的

分析：iphone对fix布局有兼容支持问题

解决：

css：

body.modal-open {

position: fixed;

width: 100%;

}

js:

/**

* ModalHelper helpers resolve the modal scrolling issue on mobile devices

* https://github.com/twbs/bootstrap/issues/15852

* requires document.scrollingElement polyfill https://github.com/yangg/scrolling-element

var ModalHelper = (function(bodyCls) {

var scrollTop;

return {

afterOpen: function() {

scrollTop = document.scrollingElement.scrollTop;

document.body.classList.add(bodyCls);

document.body.style.top = -scrollTop + 'px';

beforeClose: function() {

document.body.classList.remove(bodyCls);

// scrollTop lost after set position:fixed, restore it back.

document.scrollingElement.scrollTop = scrollTop;

}

};

})('modal-open');

// function openModal() {

// document.getElementById('modal').style.display = 'block';

// ModalHelper.afterOpen();

// }

// function closeModal() {

// ModalHelper.beforeClose();

// document.getElementById('modal').style.display = 'none';

// }

// var btns = document.querySelectorAll('.js-open-modal');

// btns[0].onclick = openModal;

// btns[1].onclick = openModal;

// document.querySelector('#modal').onclick = closeModal;

html中的js点击ipunt后加一,iphone 端 ipunt输入框光标偏移相关推荐

vue中如何实现点击按钮后加载更多数据
一.点击按钮后加载更多的数据显示在 data 中,定义 pageIndex,默认为 1 ,默认展示第一页数据.定义 comments,默认为空数组,里面保存所有的评论数据,代码如下所示: data( ...
js:点击button后返回值
问题:点击button后返回值只有点击的位置(x,y)信息,如何返回button上的文字信息栗子: 探索角度点击button后的返回值好像是不会包含button上的文本信息的解决方法还不知道应 ...
在计算机中关闭应用程序,电脑中如何取消点击关机后出现的还需要关闭程序的提示...
‍ 相信有很多用户都有遇到过在电脑中点击关机后,出现一个还需要关闭程序的提示,有时候还需要用户手动点击强制关闭的按钮才能进行关闭电脑系统的操作.不少用户觉得这个操作很多余,因此,可以按照下面的方法来取 ...
阻止事件冒泡 -- 在antd-mobile中，拦截点击picker后默认打开行为
由于公司项目业务逻辑需求,需要在点击picker后判断数据是否为空,再决定是否打开picker:若接口响应数组为空,阻止picker打开. 这里就需要用到jQuery的event.stopImmedi ...
element-ui中的$comfirm点击取消后空格键和回车键依然执行删除操作
原因: $comfirm会在上一次执行操作的按钮上自动聚焦选中如果这时点击回车或者空格键相当于又触发了一次删除按钮上的点击事件,而且默认回车和空格键会触发弹层上的确认按钮的点击事件,用户没有将鼠标定 ...
h5 img js 点击图片放大_H5实现移动端图片预览：手势缩放，手势拖动，双击放大......
查看示例效果: 一.功能介绍图片预览主要有以下几个功能点组成:监听图片点击事件,进入图片预览模式自定义手势事件, (双指缩放,滑动,双击...) 监听图片手势事件,通过 transform-mat ...
js 页面所有超链接后加随机数基于jquery
避免了页面缓存问题. rand = Math.random(); $("a").each(function () { ...
Atom 编辑器安装 linter-eslint 插件，并配置使其支持 vue 文件中的 js 格式校验
安装linter-eslint插件方式有如下几种. 1. 最简单的方式就是点击 File -Settings -Install ,搜索linter-eslint ,安装即可 2. # 进入atom ...
浏览器中利用js打包下载所有类型文件
浏览器中利用js打包下载所有类型文件概述 ajax请求方式打包下载所有类型文件 canvas渲染方式打包下载所有图片相关知识作者概述需求:1.项目中在浏览器中点击按钮后根据多个url地址下载 ...

html中的js点击ipunt后加一,iphone 端 ipunt输入框光标偏移

html中的js点击ipunt后加一,iphone 端 ipunt输入框光标偏移相关推荐

最新文章

热门文章