问题与固定的标题,页脚和侧栏在ipad / iphone [英] Issues with fixed header, footer and side bar on ipad / iphone
问题描述
我正在为当地分会开发一个新网站。
我创建了主网页,并有固定的标题,页脚和边bar,内容在滚动元素中。该页面在我的MacBook和各种浏览器中看起来完美。当我看着我的iPhone或iPad的页面,页面看起来应该,直到我放大页面,然后固定侧栏不再固定。
如果任何人有任何关于我做错了的线索,我会非常感谢,因为这让我疯狂。
您可以在
如何解决?简单。搜索StackOverflow。此问题之前已提出过:
I'm in the process of developing a new website for a local club.
I've created the main webpage and have a fixed header, footer and side bar, the content is in a scrolling element. The page looks perfect on my MacBook and in various browsers. When I look at the page on my iPhone or iPad the page looks as it should until I zoom the page and then the fixed side bar is no longer fixed.
If anyone has any clues as to what I'm doing wrong I'd be very grateful as this is driving me mad.
The test page can be viewed at http://tawvelo.org/new/home.html.
I've attached a couple of photos which will hopefully show the issue.
position: fixed
is known not to play well on iOS - http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios/
How to fix it? Easy. Search StackOverflow. This question has been asked previously:
这篇关于问题与固定的标题,页脚和侧栏在ipad / iphone的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!