我的问题很简单:当用户平移或缩放页面的主要内容时,我需要一个标题(不是<hr/>
)保持“停靠”在iPad移动safari浏览器视口的顶部。我已经浏览了互联网,并且只发现了一些笨重的js框架。
iScroll框架声称这种可操作性,但正如您从他们的演示中看到的那样,用户体验很差:http://cubiq.org/dropbox/iscroll4/examples/zoom/ (跳跃,经常一次挂几秒钟等)。
由于原生缩放/平移功能相当不错,我认为最好的解决方案是制作一个框架集,其中一个框架用户可缩放,带有元标签,另一个不可缩放。像这样:
<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的大小和重新定位。