我刚刚做了一个网页但是Mobile Safari(iPhone和iPad iOS 5.0.1)中有一个错误,它有两个固定在右上角和右下角的按钮.
直到在打开页面其余部分的文本框上单击提交后,按钮才会淡入...在页面的其余部分加载并且按钮淡入后,您可以单击它们中的任何一个并且它们都可以工作...
但是,单击它们会导致编程滚动,滚动完成后,您不能再点击任何一个按钮,直到您用手指物理滚动页面,即使只是一个小像素滚动...
我注意到的是,在程序化滚动之后,如果你点击TOP按钮的下方,你会看到高亮显示,就好像你点击了BOTTOM按钮并处理了底部按钮的动作,这告诉我当滚动时的错误以编程方式,固定位置按钮仍然与页面的其余部分一起移动,并且在执行实际触摸滚动之前不会返回到其固定位置....
有没有人知道解决这个问题的方法..？
我添加了一个弹出按钮,显示按下了哪个按钮,以便你可以测试它,记得在第一次按下向下按钮(有效)后再次按下按钮,它将无法工作,但点击向上按钮下方你会看到发生的向下按钮动作....
谢谢您的帮助.
托马斯
(如果你能指出我可以向苹果公司提交一个错误的地方,那也是好的,除非已经有了)
编辑:只需单击任一提交箭头,您无需输入其默认的工资/薪水
编辑2:这是一个更简单的例子,显示相同的问题..
http://www.tsdexter.com/MobileSafariFixedPosBug.html
编辑3:向Apple报告错误
我正在使用Twitter Bootstrap来设计一个iPad优化的网站,并在iOS5的Mobile Safari中遇到一个有趣的错误.
点击固定位置导航栏中的锚链接后,它正确地将我带到该锚点.但是,在滚动页面之前,我无法单击导航栏中的任何其他链接.
问题似乎出现在Bootstrap本身,因为Bootstrap站点有同样的问题:http://twitter.github.com/bootstrap/
有关如何解决这个问题的任何建议？
下面的代码重现了这个问题.请注意,如果单击"Test JS"或"Test jQuery"(两种不同类型的滚动,直接JS或基于jQuery),则在手动移动页面之前,您将无法再次单击.
这是基本的演示代码(.jsp):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#testDiv {
position: fixed;
bottom: 0;
right: 0;
background: gray;
padding: 20px;
}
#jsDiv,
#jQueryDiv {
width: 200px;
display: block;
height: 40px;
background-color: red;
}
#jQueryDiv {
background-color: yellow;
}
</style>
<script type="text/javascript">
function testScroll() {
alert("JS");
scroll(0, 5000);
}
function testjqScroll() {
alert("JQuery");
$(window).scrollTop(500);
}
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
</head>
<body>
<%for (int i …可能重复:
Mobile Webkit重排问题
我一直想弄明白这一点.我在ios上有一个固定的页脚,里面有4个链接.它们下面还有6个链接,因为它们位于下方,所以不应该是可点击的.但是在ios上,除非你首先滚动页面,否则固定页脚上的链接不起作用,而是点击它下面的链接.滚动最轻微的一点后它工作正常.我希望我能够清楚地解释这一点.
你可以在这里看到它的一个例子:
amstar.m77950.com
(在iphone上查看)
我尝试将z-index应用于页面上的每个元素,看看是否有修复.我还使用了jquery来确保z-index被应用于onLoad(尽管它本来应该是).
然而,在滚动页面之前,我仍然无法使页脚中的链接工作.
对此的任何帮助都很受欢迎.谢谢.
这是我申请元素的CSS:
.alertsBarClass {
background: url("dynamicimage.aspx?id=21844") no-repeat scroll 0 0 #EA7E25;
border-bottom: medium none;
bottom: 0;
display: block;
position: fixed;
width: 100%;
z-index: 1000;
}
我正在开发一个带有垂直滚动导航的单页网站.我有一个固定位置的导航栏,我的滚动内容应该在导航右侧浮动时上下移动.这是一个预览链接:http://mistersaisho.com/actioncreations/pageSlider/
问题是它在firefox,safari和chrome中运行得非常好.当我在Ipad上查看它时,第一次选择导航项时,滚动效果很好.一旦完成,导航中的所有点击功能都无法正常工作,即使是那些不控制滑块内容的功能也是如此.
当我动画像marginTop这样的不同属性时,我没有得到错误,这在我的项目中不起作用,因为我还需要能够使用页面滚动器在整个站点中导航.
有没有人对如何解决这个问题有任何想法？
谢谢.