我正在使用position:fixed;
作为侧边栏和页脚,因此当您滚动时,它们会在主要内容移动时保持原位(position:static;
)。但是当您放大或更多Left/Right
时,它不再显示在屏幕上。
以下是对here
问题的一个很好的解释 “iPad上的Safari和iPhone上的Safari没有可调整大小的窗口。在iPhone和iPad上的Safari中,窗口大小设置为屏幕大小(减去Safari用户界面控件),并且无法更改为了在网页上移动,用户可以在双击或捏合放大或缩小时更改视口的缩放级别和位置,或者通过触摸和拖动来平移页面。当用户更改缩放级别时他们在固定大小的可视内容区域(即窗口)内进行视口的位置。这意味着对视口位置“fixed
”的网页元素最终可以在可视区域之外内容区,屏幕外。“
答案 0 :(得分:0)
我认为jQuery UI可以解决this。
1.1.0中最值得注意的改进是真正的固定工具栏
答案 1 :(得分:0)
由于这个原因,通常不建议在移动设备上使用固定内容,但也因为屏幕空间小且有价值。您可以通过禁用元视点中的缩放来绕过它,但我不鼓励它,因为它会影响用户体验,因为它们习惯于能够缩放。这不是答案,而是一些建议。需要考虑的事情。