我的问题很简单:<hr/>
当用户平移或缩放页面的主要内容时,我需要一个标题(不是)保持“停靠”在 iPad 移动 safari 浏览器视口的顶部。我搜索了互联网,只发现了一些笨拙的 js 框架。
iScroll 框架声称有这种能力,但是从他们的演示中可以看出,用户体验很差:http ://cubiq.org/dropbox/iscroll4/examples/zoom/ (跳跃,经常一次挂几秒钟, ETC。)
由于本机缩放/平移功能非常好,我认为最好的解决方案是制作一个框架集,其中一个可以使用元标记进行用户缩放,而另一个不可缩放。像这样:
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes|no" />
不幸的是,这没有奏效。我担心这种方式可能无法做到......
有人在苹果论坛上问过同样的问题,当然他们没有回答: https ://discussions.apple.com/thread/3774841?start=0&tstart=0
我愿意接受有关如何完成此行为的任何建议。
假设框架集方法是不可能的:我不希望包含笨重的 js 框架。(虽然我已经在使用 jQuery 和 jQuery UI)我真的只需要根据视口方向、滚动位置和缩放级别调整 div 的大小和重新定位。