如何向 UIWebVIew 添加视图？喜欢这张图片答案

【问题标题】：How to add views to UIWebVIew? like this image如何向 UIWebVIew 添加视图？喜欢这张图片
【发布时间】：2011-09-28 14:30:26
【问题描述】：

我想知道一些应用程序是如何产生这种巨大影响的，我正在尝试实现这一点，但没有取得多大成功。

这个想法是向 webview 或 scollview 添加诸如 textview 或 label 之类的视图，以便它以灰色背景显示并且可以滚动，下图描述了预期目标：

如果您能帮助我，我将不胜感激。

【问题讨论】：

标签： iphone objective-c ios cocoa-touch uiwebview

【解决方案1】：

使用下面的代码，只为你的 UIView 设置背景色。希望它会对你有所帮助。

[webView setBackgroundColor:[UIColor clearColor]];
[webView setOpaque:NO];

【讨论】：

不起作用，我希望 textview 、labels..etc 能够在 webview 不独立或固定的情况下滚动。谢谢

【解决方案2】：

使用纯 HTML/javascript/CSS 解决方案，而不是放置在 UIWebView 之上的原生 UIVIew

这样的 CSS 会创建一个最初不可见的框，400 像素宽，距顶部 120 像素，白色背景，带边框：

.floater
{
    display: none;
    position: absolute;
    top: 120px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    z-index: 200;
    background-color: #ffffff;
    border-top: solid 2px #b0b0b0; 
    border-left: solid 2px #b0b0b0; 
    border-bottom: solid 2px black; 
    border-right: solid 2px black; 
}

在标签、div 等上使用这个 class="floater"。

然后您可以使用显示样式通过 javascript 隐藏/取消隐藏它。

【讨论】：

【解决方案3】：

如果您希望您的内容在 webView 中滚动，您必须将视图添加为 webview 的第一个子视图的子视图。

scrollview 是 webview 的第一个子视图

 [[[webview subviews] objectAtIndex:0] addSubview:imageview];

【讨论】：

对我不起作用 - ny 视图会随着 web 视图滚动，但它们被放置在 web 内容中的某个位置，而不是它的下方。
顺便说一句，从iOS 5开始，你可以使用[webView scrollView]。并不是说在这种情况下它会改变任何东西，但是...