javascript - iPhone HTML5 应用程序滚动问题

Question

我不知道这是否可能或谷歌如何找到它，但你可以添加:

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

它会让你无法左右滚动，只能上下滚动。有没有办法让它在你到达终点时不产生过度滚动效果，而是继续滚动然后弹出？就像 Cocoa 应用程序一样，我注意到“过度滚动”有时它们具有相同的背景颜色，所以它看起来不像 Safari 的，或者根本就没有这样做？

Answer 1

您所谓的过度滚动称为弹跳。不幸的是，没有记录在案的方法来关闭 UIWebView 中的弹跳。你可以查看 UIScrollView 中弹跳相关的方法。 UIWebView 拥有 UIScrollView 但不公开它。

要防止水平滚动，您只需确保您的网页适合视口(viewport)。不适合的一个常见原因是当主体边距不为零时宽度为 100% 的项目。

您可以通过向文档添加触摸事件处理程序并对该事件调用 preventDefault 来完全防止滚动和弹跳。如果您的网页完全适合视口(viewport)，这将有效地禁用反弹。

function stopScrolling( touchEvent ) { touchEvent.preventDefault(); }
document.addEventListener( 'touchstart' , stopScrolling , false );
document.addEventListener( 'touchmove' , stopScrolling , false );

编辑:

UIWebView 在 Objective-C 方面大部分是私有(private)的，但在 javascript 方面相当可访问。你可以inject javascript如果您无法控制正在加载的内容。