html 如何使手机输入键盘d起时使的盒子滚动

html 如何使手机输入键盘d起时使的盒子滚动,第1张

一般的解决方案有两种,rem布局和百分比布局。这两种方案我有都试过,所以现在更推荐用rem布局来制作手机页面

rem布局的兼容性:

Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+、ie6-ie8 还是别用rem

不过现在的手机一般浏览器,一般可以直接不用去管IE内核的浏览器了。

REM的计算公式

例:html 设置font-size:16px 1rem = 16px

那么640px = 640/16 =40rem

个人建议设置为100px 方便计算

首先,给页面的html定义一个100px的

html{ font-size:100px}/*设定基础rem*/

然后,最核心的代码就是这一段js运算了,根据页面的大小来控制基础rem的值;

new function (){

这个软键盘好像必须有一个手动的事件执行才会d出呢~

我有个雏形想法,仅供参考~(没有实践)

流程为:

在文本框外加个dom元素,然后添加个点击事件,在点击事件里面执行focus(),然后用trigger()(这是一个jq的模拟事件方法)将click模拟自执行一下,应该就相当于手动click了吧~

输入框放在html这层,然后给html相对定位,height:100%width:100%,再给输入框绝对定位到bottom:0left:0这时候输入框在键盘d出的时候会跳到输入框的上面。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6182451.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存