文章详情页
javascript - 如何让移动端网页的输入框固定在底部?
浏览:74日期:2022-11-11 17:12:42
问题描述
如上图展示,在首页上用户点击输入框,弹出键盘,有时候会把输入框部分遮挡住(如下图)
目前的处理方式是,当输入框获得焦点后,执行resize
$(’input’).on(’focus’ , function(){ $(window).resize();}).on(’blur’ , function() { $(window).resize();});
这么做就是为了重置窗口大小,让本来浮动在底部的输入框,重新定位但是效果不太好,时而生效,时而失效
像这样的情况应该使用什么方式来更好的处理这个问题?还有在弹出键盘的同时,滚动页面也能保持让输入区域固定在底部
目前输入框的定位方式是:position:fixed截图环境:ios 微信端
问题解答
回答1:输入框 你可以使用 flex 来固定到底部试试,flex 固定到底部可查考 sticky-footer
回答2:建议你用js去计算,使用 window.innerHeight
回答3:http://www.cnblogs.com/cococe...试试这个
回答4:楼上说的对,可以用flex ,那些打广告的都是采用这个属性。我觉得这个能解决你的问题
回答5:地址:http://www.haorooms.com/post/...原理: ios 不要用 fixed,改使用 absolute。完。
标签:
JavaScript
相关文章:
1. html5 - rudy编译sass的时候有中文报错2. javascript - ie11以下单击打开不了file,双击可以。求解?3. javascript - 关于定时器 与 防止连续点击 问题4. javascript - 关于这组数据如何实现 按字母列表分类展示 不改动数据结构5. javascript - 在IE中(9+)平时的样式不生效,只有用开发者工具选中这个元素才生效,是什么原因?6. objective-c - ios百度地图定位问题7. html - vue里面:src在IE(9-11)下不显示图片8. javascript - 求助这种功能有什么好点的插件?9. javascript - 写移动端的页面的时候,有不一快空白,是怎么回事?10. 微信开放平台 - Android调用微信分享不显示
排行榜
