Tag: 固定

固定的定位元素在页面卸载时消失: 我有一个固定的顶部导航栏，停留在页面的内容正在滚动的一切。我注意到，在Chrome for iOS和Safari独立模式下，固定条消失在页面卸载任何其他元素之前。如何使所有的元素，无论定位，同时消失？演示： http : //kodu.ut.ee/~b04866/demo/demo.html在Chrome for iOS中加载页面，反复点击刷新。观察固定的div先消失，然后看剩下的内容，最后重画页面。

如何解决职位：固定在iOS（iPhone / iPad）上的底部工具栏: 我有一个固定在我的网站每个页面底部的酒吧，使用position：fixed。问题是在像iPhone或iPad这样的设备上这个属性是不被尊重的。我试图使用JavaScript来检测屏幕高度，滚动位置，这在iPad上完美的作品： $( window ).scroll( function ( ) { $( "#bar" ).css( "top", ( $( window ).height() + $( document ).scrollTop() – 90 ) +"px" ); } ); 正如你所看到的我正在使用jQuery。问题是这个代码在iPhone上不太适用，因为窗口的高度不包括位置栏（也包括debugging栏，如果有的话），所以栏首先放在正确的位置，但是当你滚动它时，固定在正确的位置（Mobile Safari的地址栏所使用的像素数量）之上。有没有办法获得这些信息并正确地修复这个工具栏？请记住，这不是一个为iPhone制作的网站，所以我根本不能使用像iScroll这样的技巧。

新iOS8上的固定位置错误: 我有一个固定的标题和滑出侧边栏的网站。使用纵向的iOS7时，固定标题在侧栏可见时保持固定，但在iOS8上，标题稍微向上推动，具体取决于滚动的距离。我需要它保持固定。看到这个jsbin： http ://jsbin.com/xuyevi/2/ 主要部分是标题，侧边栏和主要内容。标题固定在屏幕的顶部使用固定的位置，并有一个z-index，当你滚动时，它保持在内容之上。侧边栏固定在屏幕的左侧，最初通过向左自身宽度平移而隐藏。要打开侧边栏，标题，内容和侧边栏的每一个都按侧边栏的宽度向右平移。同样，这在iOS7和所有其他支持translate3d的浏览器上都可以正常工作，并且在横向模式下甚至可以在iOS8中正常工作。但在纵向的iOS8中，基于用户滚动的距离，固定标题将从屏幕上滑落。此外，使用Safari检查器显示屏幕上的菜单项目偏离其预期的位置。即在检查器中select一个元素，突出显示屏幕上与其被渲染的实际位置偏移的区域。有没有其他人遇到这个？任何人都知道解决？编辑：检查员认为，固定位置标题正是它应该是，即使它实际上被推离屏幕。

iOSinput集中在固定父节点位置更新的固定元素: 以下情况发生在Mobile Safari iOS 6.1.2上重现步骤创build一个position: fixed其中包含<input type="text">元素的position: fixed元素。实际结果投入 – 不重点 input未聚焦时，固定元素的位置是正确的。以投入为重点当input被聚焦时，浏览器进入一个特殊的模式，它不再更新固定元素的位置（任何固定的定位元素，而不仅仅是input的父元素），并移动整个视口以使input父元素坐在屏幕的中心。查看现场演示： http : //jsbin.com/oqamad/1/ 预期结果固定元件的位置始终受到尊重。修复或解决方法？任何线索如何强制Safari来正确显示固定的元素将是有帮助的。我宁愿一个解决方法，不涉及使用position: absolute和设置onscroll事件处理程序。