点击链接后防止 UIWebView 滚动

Posted 2023-03-12

【中文标题】点击链接后防止 UIWebView 滚动

【英文标题】：Preventing a UIWebView from scrolling after tapping a link

【发布时间】：2013-07-18 11:08:28

【问题描述】：

我有一个UIWebView，它显示了一大段 html，其中包含包含在链接中的多个嵌入图像。 webview 是可滚动的，因此可以访问“首屏”的内容。

当链接被点击时，我使用webView:shouldStartLoadWithRequest:navigationType:navigationType 方法来捕获特定的 javascript 调用，然后触发 UIViewController 在 webview 顶部的模态加载。

点击链接后，webview 的contentOffset 将重置为0,0，因此页面似乎“跳”回顶部。理想情况下，我希望 webView 的 contentOffset 保持原位，直到模态视图控制器被解除。

我已尝试在调用 shouldStartLoadWithRequest 方法后立即将 webView.scrollView.scrollEnabled 属性设置为 NO - 这不会停止 webView 滚动。

我还尝试在点击链接的位置保存 contentOffset 值，然后手动重置它 - 但同样，这不会阻止 webView 滚动。

有什么方法可以防止这种滚动发生吗？

【参考方案1】：

这与UIWebView 完全无关，是标准的浏览器行为。

HTML 中的链接格式为

<a href="#" onClick="window.open('js-call:image-xx');">
  <img src='foo.jpg'>
</a>

问题是我没有定义 # 锚点，所以当将 HTML 更改为时页面滚动回顶部

<a name="image-xx">
<a href="image-xx" onClick="window.open('js-call:image-xx');">
  <img src='foo.jpg'>
</a>

解决了这个问题。