单击文本字段时 iOS 7 中的 UIWebView 问题

Posted 2023-02-25

【中文标题】单击文本字段时 iOS 7 中的 UIWebView 问题

【英文标题】：UIWebView issue in iOS7 when clicking on textfiled

【发布时间】：2013-12-31 07:32:28

【问题描述】：

我正在 iPad 本机应用程序的 webview 上加载 url。到目前为止它工作正常，但在 ios7 中，当我们点击文本文件时，webview 中的内容正在向上移动。请检查以下代码和屏幕截图。我尝试通过以下帖子修复，但没有帮助。

iOS 7 input elements moving fixed positioned elements

UIWebView scrolling down on input focus iOS 6 only

self.webView.delegate=self;
[self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:strURL]]];

【问题讨论】：

您是否使用自动布局来定位 Web 视图？

没有。我没有使用自动布局。

为 ios 7 设置 delta y 和 delta 高度。

webview 的框架是 (0,84,768,940)。我将 delta y 设置为 -20，将 delta height 设置为 940，但出现了同样的问题。你能告诉我应该保留多少 delta y 和 height 吗？

@AkleshRathaur：知道如何解决这个问题吗？

【参考方案1】：

如果您使用的是 UIWebview，那么您应该将 body 标签的最小高度设置为设备的内部高度。例如 iPhone 4S 为 460 像素，iPhone 5 为 520 像素

内部高度 = 设备高度 - 状态栏高度 = 460px，基本上应该是应用容器的高度。

document.addEventListener("deviceready", function()
    var body = document.getElementsByTagName('body')[0];
    body.style.minHeight=window.innerHeight + 'px';
, false);

【讨论】：

实际上我正在使用 url 加载 webview。那么如何使用上面的代码呢？

我尝试如下，但问题仍然存在，我错过了什么吗？ NSString *javascript=[NSString stringWithFormat:@"document.addEventListener(""deviceready"", function()var body = document.getElementsByTagName('body')[0]; body.style.minHeight=window.innerHeight + ' px';, false);"]; [self.webView stringByEvaluatingJavaScriptFromString:javaScript];

【参考方案2】：

我也有这个问题。我们有一个继承自 UIWebView 的自定义类：CustomWebView。我们将 Web 视图的 scrollView 委托设置为 CustomWebView：

self.scrollView.delegate = self;

并且我们定义了 scrollViewDidScroll 以在页面滚动时获取回调：

- (void) scrollViewDidScroll:(UIScrollView *)scrollView

    // Do some stuff

但是，在 iOS 7 中，UIWebView 似乎已经是其滚动视图的委托，因此需要接收 scrollViewDidScroll 来正确处理滚动。通过删除我的 scrollViewDidScroll 定义，或添加

[super scrollViewDidScroll:scrollView]

在我的 scrollViewDidScroll 定义开始时，我能够解决这个问题。

我希望这会有所帮助！