相关疑难解决方法(0)
iOS 5固定定位和虚拟键盘
我有一个移动网站,它通过位置固定在屏幕底部的div.一切都在iOS 5中正常工作(我在iPod Touch上测试),直到我在一个带有表单的页面上.当我点击输入字段并出现虚拟键盘时,我的div的固定位置突然丢失.只要键盘可见,div就会随页面滚动.单击完成以关闭键盘后,div将恢复到屏幕底部的位置并遵循位置:固定规则.
有没有其他人经历过这种行为？这是预期的吗？谢谢.
推荐指数
解决办法
查看次数
位置:固定不适用于iPad和iPhone
我已经在iPad上固定定位了一段时间.我知道iScroll并不总是有效(即使在他们的演示中).我也知道Sencha有一个修复,但我无法Ctrl+ F修复该源代码.
我希望有人可以有解决方案.问题是,当用户在iOS移动的Safari上进行平移时,固定定位元素不会更新.
推荐指数
解决办法
查看次数
修复了Mobile Safari中的定位
是否可以在Mobile Safari中相对于视口定位元素？正如许多人所指出的那样,position: fixed它不起作用,但Gmail刚刚推出了一个几乎就是我想要的解决方案 - 请参阅消息视图中的浮动菜单栏.
在JavaScript中获取实时滚动事件也是一种合理的解决方案.
推荐指数
解决办法
查看次数
移动Safari自动对焦文本字段
在Mobile Safari中,在设置延迟时间后,我无法将注意力集中在文本字段上.我附上一些展示问题的示例代码.如果单击该按钮,则触发.focus(),一切都按预期工作.如果你把焦点放在回调上,比如setTimeout函数,那么它只能在移动safari中失败.在所有其他浏览器中,有一个延迟,然后焦点发生.
令人困惑的是,即使在移动游猎中,也会触发"focusin"事件.这个(和SO中的〜类似〜评论)让我觉得它是一个移动的safari bug.任何指导都将被接受.
我已经在模拟器和iPhone 3GS/4 iOS4上进行了测试.
示例HTML:
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Autofocus tests</title>
<meta content='width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<meta content='yes' name='apple-mobile-web-app-capable'>
</head>
<body>
<h1>
Show keyboard without user focus and select text:
</h1>
<p>
<button id='focus-test-button'>
Should focus on input when you click me after .5 second
</button>
<input id='focus-test-input' type='number' value='20'>
</p>
<script type="text/javascript">
//<
我会在这篇文章中添加一些代码,但我不确定从哪里开始.导航固定在底部,位于左侧和底部0,宽度为100%.从那里,我不知道发生了什么,我只能假设它是一个移动的safari bug.
只有当文本输入元素被聚焦并且虚拟键盘打开时,它似乎也会失去它的位置固定并变得相对.
推荐指数
解决办法
查看次数
当存在ios 7虚拟键盘时,Div元素不会保持在底部
当按下文本框后出现ios 7虚拟键盘时,我遇到了一个div元素的问题,要坚持我的web应用程序的底部.
我有这个div元素:
....
<div id="footer" style="text-align:center">
<div id="idName"><img alt="SomeName" src="images/logo.png" /></div>
</div>
</form>
</body>
它使用这种风格
#footer{
color:#CCC;
height: 48px;
position:fixed;
z-index:5;
bottom:0px;
width:100%;
padding-left:2px;
padding-right:2px;
padding:0;
border-top:1px solid #444;
background:#222; /* Old browsers */
background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
background: -moz-linear-gradient(top, #999, #666 2%, #222); /* FF3.6+ */
background: -webkit-linear-gradient(top, #999, #666 2%, #222); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #999, #666 2%, #222); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #999, #666 2%, #222); …推荐指数
解决办法
查看次数
如何将HTML文本字段集中在iPhone上(导致键盘出现)？
我正在编写一个iPhone网络应用程序,我想在页面加载时自动聚焦文本字段,然后调出键盘.通常的Javascript:
input.focus();
似乎不起作用.有任何想法吗？
推荐指数
解决办法
查看次数
`-webkit-overflow-scrolling:touch`打破了iOS7中最初的屏幕外元素
看到转基因种子已经发布,我们现在可以谈谈它!
看起来在iOS7中"-webkit-overflow-scrolling:touch"被破坏了.最初屏幕外的元素的触摸事件不会触发(或者在某些情况下是不可靠的).
这是一个例子:
<!DOCTYPE html><html>
<head><title>TEST</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<style>
#scrollbox {
position: fixed;
top: 0px;
width: 100%;
height: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.touchDiv {
position: relative;
width:100%;
height:80px;
background-color: #FFBBBB;
}
ul, li {
text-indent: 0px;
list-style: none;
padding: 0px;
margin: 0px;
}
li {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #333;
}
</style>
<script type="text/javascript">
function onBodyLoad() {
var touchDiv = document.getElementById("bottomDiv");
touchDiv.ontouchstart = function(e) {
alert("touched");
};
touchDiv = …推荐指数
解决办法
查看次数
在iOS 7全屏web应用程序上打破webkit-overflow-scrolling表单
我在iOS7上使用全屏(保存到主屏幕)的iPhone网络应用程序时遇到问题.
通常,当选择输入时,它已滚动到键盘上方的视图中.
但是,iOS7上似乎没有在全屏幕Web应用程序中滚动DIV.
因此,当DIV使用"-webkit-overflow-scrolling:touch"并且单击屏幕下半部分的输入时,键盘会被触发,但输入不会向上滚动.
并且,在那时,输入将不响应任何进一步的onFocus事件,否则我可以将其向上滚动.
有人看过一个解决方法吗？
推荐指数
解决办法
查看次数
使用键盘html时ios7问题与webview焦点有关
senchaI有一个带注册表单的webapp,使用safari一切正常,但出于某种原因将页面添加到主屏幕(使用ios webview)时,问题出现了.当我们单击输入字段时,键盘不会缩放到选定的特定字段,为了开始写入文本字段,我需要再次按下文本字段.我正在使用sencha.
推荐指数
解决办法
查看次数