问：苹果手机6屏幕上出现了键盘输入法怎么回事，出现了这些东西，还返不回去了_百度知道
问：苹果手机6屏幕上出现了键盘输入法怎么回事，出现了这些东西，还返不回去了
我有更好的答案
这是苹果的激活过程，你需要自己去激活你的手机。登陆你的icloud账户即可正常激活你的手机。这是正常的
采纳率：76%
来自团队：
为您推荐：
其他类似问题
键盘输入法的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。苹果X屏幕下方出现一个方怎么取消_百度知道
苹果X屏幕下方出现一个方怎么取消
苹果X屏幕下方出现一个方怎么取消
我有更好的答案
VoiceOver打开了关闭方法是：1.要选定某个项目，触摸该项目；2.要激活或者关闭某个项目，连按两次；3.要滚动屏幕，用三根手指滑过屏幕；4.结合上面的操作，进入 设置——通用——辅助功能——VoiceOver：关闭Voiceover 开关。
采纳率：93%
来自团队：
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。请问苹果手机没越狱，屏幕下方得白色框要怎么消除_百度知道
请问苹果手机没越狱，屏幕下方得白色框要怎么消除
我有更好的答案
不能取消的吧，我整个手机都试了还在
我要的就是这个效果，要怎么设置。
你的越狱了没有
为您推荐：
其他类似问题
苹果手机的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
标签：至少1个，最多5个
问题1：H5 web 移动端 输入框, 键盘唤起后fixed定位好的元素跟随页面滚动了起来… fixed属性失效了！满屏任性横飞, 如下图:
问题2：有第三方输入法的ios机还会出现键盘弹出延迟，导致普通布局 输入框(input/textarea等) 位置靠下的被键盘挡住, 如下图:
(这个'完成'出来, 然后'键盘'再顶起)
完美解决方案
.scrollWrapper {
bottom: 0;
bottomInput {
&div class="scrollWrapper"&
&div class="bottomInput"&
&input type="text" placeholder="input"/&
// javascript
// 在输入框获取焦点, 键盘弹起后, 真的是一行代码
var interval = setInterval(function() {
document.body.scrollTop = document.body.scrollHeight
注意: 下面解决ios键盘问题的是之前的旧方法, 还是有瑕疵, 可跳过看其他
不让页面整体滚动, 绝对布局滚动内容, 局部滚动.
键盘完全弹出时, 判断键盘是否在可视区域(即屏幕除去键盘占用的区域)
通过js来调整输入框的位置;
键盘完全收起后, 调整键盘到页面底部;
&!-- 可以滚动的区域 --&
&main className='scrollWrapper'&
&!-- 内容在这里... --&
&!-- fixed定位在底部的输入框 --&
&div className='inputBox' contenteditable='true' placeholder='请输入评论'&&/div&
.scrollWrapper {
position:/* 绝对定位，进行内部滚动 */
bottom: 0;
overflow-y:/* 或者scroll */
-webkit-overflow-scrolling:/* 解决ios滑动不流畅问题 */
原因如下面两张图所示, 其实稍微注意一下, 可以看到原生输入法比第三方输入法少了一个tool bar, 就是这个罪魁祸首:
// 输入框获取焦点, 键盘完全弹出再调整输入框位置(因ios键盘弹出不会触发resize事件, 故延时600ms)
// 选择setInterval轮询几次更好
setTimeout(() =& {
// 挂载this上, 或者声明一个全局变量, 用于在失去焦点时, 要不要执行调整代码(非第三方不调整)
this.inputIsNotInView = this.notInView()
if (this.inputIsNotInView) {
// Width, Height: 分别是键盘没有弹出时window.innerWidth和window.innerHeight
// 88: 是第三方输入法比原生输入法多的那个tool bar(输入时显示带选项) 的高度, 做的不是太绝, 高度是统一的
// ios第三方输入法的tool bar 甚至 键盘也被当作可视区域了(包含在键盘弹出时的window.innerHeight)
if (Width != 750) {
let bottomAdjust = (Height - window.innerHeight - 88) + 'px'
$(this.inputBoxContainer).css('bottom', bottomAdjust)
// 'iphone 6 6s, 需要额外减去键盘高度432(见下图), 还算有良心, 高度和原生保持一致')
let bottomAdjust = (Height - window.innerHeight - 88 - 432) + 'px'
$(this.inputBoxContainer).css('bottom', bottomAdjust)
--------------------------------------------------------------------------------------
// 失去焦点, 键盘开始收起, 隐藏inputB 等键盘完全收起, 再显示inputBox, 设置在底部, 避免闪跳
if (this.inputIsNotInView) {
// display和opacity + bottom 会有闪跳
$(this.inputBoxContainer).css({ 'opacity': 0, bottom: 0 })
setTimeout(() =& {
$(this.inputBoxContainer).css('opacity', 1)
--------------------------------------------------------------------------------------
//判断元素是否在可视区域，不在的话返回true, 在返回false
notInView() {
// getBoundingClientRect 是获取定位的，很怪异, (iphone 6s 10.0 bate版表现特殊)
// top: 元素顶部到窗口（可是区域）顶部
// bottom: 元素底部到窗口顶部
// left: 元素左侧到窗口左侧
// right: 元素右侧到窗口左侧
// width/height 元素宽高
let bottom = this.inputBoxContainer.getBoundingClientRect().bottom
// 可视区域高度 - 元素底部到窗口顶部的高度 & 0, 则说明被键盘挡住了
if (window.innerHeight - bottom & 0) {
return true
return false
iphone 6 和 6s 奇葩现象
部分低端android机, 键盘收起后, 键盘区域显示空白, 需重新设置height, 如图:
// android, 键盘弹起/收回会触发resize事件
window.onresize = function () {
// Height: 键盘没有弹出时window.innerHeight
if (Height == window.innerHeight) {
$(this.scrollWrapper).css('height', window.innerHeight + 'px')
另外需要注意的是
js拿不到键盘的 弹起/收起 事件;
ios上键盘 弹起/收回 不会触发window.resize事件;
android 4.4 以下, 键盘唤起时, 不仅会触发resize, 而且会触发scroll事件;
(如果有需要滑动失去焦点这个需求, 选择touchMove, 不要选择scroll)
ios之所以会遮挡输入框, 是因为, 第三方输入法的tool bar 或者 键盘也被当做可视区域了(包含在键盘弹出时的window.innerHeight)
最后建议(ios已经完美解决, 此建议可酌情忽略了), 类似这种需求,尽量不要放在屏幕下50%
转场输入评论, 微博等;
弹窗到可视区域上50%区域, 3G门户;
23 收藏&&|&&130
你可能感兴趣的文章
6 收藏，1.1k
15 收藏，845
用这个，完美解决
//消息框获取焦点
$('#J_text').focus(function(){
interval = setInterval(function() {
scrollToEnd();
//消息框失去焦点
$('#J_text').blur(function(){
clearInterval(interval);
//滚动到底部function scrollToEnd(){
document.body.scrollTop = document.body.scrollH
用这个，完美解决
//消息框获取焦点
$('#J_text').focus(function(){
interval = setInterval(function() {
scrollToEnd();
//消息框失去焦点
$('#J_text').blur(function(){
clearInterval(interval);
//滚动到底部
function scrollToEnd(){
document.body.scrollTop = document.body.scrollH
布局用fixed
布局用fixed
谢谢，很好用，问题已解决
谢谢，很好用，问题已解决
太棒了。解决了我的问题。
太棒了。解决了我的问题。
多谢研究，我也一直遇到这个问题，不过没有时间去细致研究，最后给出的建议很中肯，转场输入是个不错的主意
多谢研究，我也一直遇到这个问题，不过没有时间去细致研究，最后给出的建议很中肯，转场输入是个不错的主意
嗯, 我也是前几天遇到了这个问题, 但是PM说必须这样实现, 只能花时间研究研究, 解决后总结一下
嗯, 我也是前几天遇到了这个问题, 但是PM说必须这样实现, 只能花时间研究研究, 解决后总结一下
已有完美解决办法了, 请看下更新, ?
已有完美解决办法了, 请看下更新, ?
想请问一下你，日完美解决的，是不是没有写footer啊
我现在就是ios上有问题，主体是main，底部是footer，应该怎么写呢
想请问一下你，日完美解决的，是不是没有写footer啊
我现在就是ios上有问题，主体是main，底部是footer，应该怎么写呢
这个解决的是固定在底部的输入框, 第三方键盘弹起时遮挡了输入框问题. 不过, 你可以把input改成footer啊, 不过我觉得, 移动端footer固定在底部的不太好吧...
这个解决的是固定在底部的输入框, 第三方键盘弹起时遮挡了输入框问题. 不过, 你可以把input改成footer啊, 不过我觉得, 移动端footer固定在底部的不太好吧...
图裂了。。
图裂了。。
我这没有啊, 是网络的原因吧?
我这没有啊, 是网络的原因吧?
赞，刚好遇到这个坑。感谢
赞，刚好遇到这个坑。感谢
setInterval是神器
setInterval是神器
这个方法好，必须好评
这个方法好，必须好评
setinterval 可以去掉，focus时处理就可以了、还有iOS下overflow：scroll会卡住这个bug怎么解决
setinterval 可以去掉，focus时处理就可以了、还有iOS下overflow：scroll会卡住这个bug怎么解决
小学僧表示不服啊，这方案我用了无效啊
小学僧表示不服啊，这方案我用了无效啊
楼主 快救我真的莫有用啊！
楼主 快救我真的莫有用啊！
我只有一个iphone 6s机子，呜呜呜
我只有一个iphone 6s机子，呜呜呜
你这个布局会导致 ios 系统自带的点击屏幕顶部
页面自动滚动到顶部 功能失效
你这个布局会导致 ios 系统自带的点击屏幕顶部
页面自动滚动到顶部 功能失效
但是这个会出现 下面在输入框跟 虚拟键盘有一段的距离啊 这个怎么破
但是这个会出现 下面在输入框跟 虚拟键盘有一段的距离啊 这个怎么破
使用这个方法 输入框出现闪动问题 是为什么呀？
使用这个方法 输入框出现闪动问题 是为什么呀？
ios11引起的，我也遇到了这个问题，还在解决中，敢问兄台解决了吗？
ios11引起的，我也遇到了这个问题，还在解决中，敢问兄台解决了吗？
找到了解决方案，根据ios版本，去掉滚动到底部的js，直接键盘就弹起就可以顶起来浮动。
找到了解决方案，根据ios版本，去掉滚动到底部的js，直接键盘就弹起就可以顶起来浮动。
楼1，这个ios11引起的，会闪动情况，用js ios版本识别，ios上去掉这段代码就好了。亲测好了。哈哈哈哈哈
楼1，这个ios11引起的，会闪动情况，用js ios版本识别，ios上去掉这段代码就好了。亲测好了。哈哈哈哈哈
并不行。。。去掉代码以后，也不是每次都可以弹起的输入框的
并不行。。。去掉代码以后，也不是每次都可以弹起的输入框的
ios11 屏幕闪动怎么解决
ios11 屏幕闪动怎么解决
仅仅在iphone X 上失效了啊，去掉滚动到底部的js，直接键盘就弹起也不行啊，求解惑。。。
仅仅在iphone X 上失效了啊，去掉滚动到底部的js，直接键盘就弹起也不行啊，求解惑。。。
ios11这个完美解决方案似乎失效了。。。
ios11这个完美解决方案似乎失效了。。。
ios11没用，请问你解决了吗
ios11没用，请问你解决了吗
你有解决方案了吗
@ludd[ludd] 你有解决方案了吗
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。有人出现这个问题吗？ppt里输入法备选框出现在屏幕下方【macbookpro吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：179,663贴子：
有人出现这个问题吗？ppt里输入法备选框出现在屏幕下方收藏
跪求大神帮忙
[国美]笔记本,爆款笔记本特卖,品牌钜惠,低价抢购.国美,笔记本,国美商城,品质之选,每天低价,品牌购实惠!
就一直在屏幕下方，不动
帮你顶 知道的来
有人知道怎么办吗？
同求！我网页也经常这样。而且上不来。只能关了重新打开
一样的，突然也不跟踪了，不知道为什么
我也是同求解决办法
10米稳定无线精准连接/精巧设计舒适体验/打call标配 球迷必备!
+1,这个bug有点奇芭，换了输入法也解决不了！！！
我也是，就PPT的时候这样，其他的都是跟随的。。。
登录百度帐号