ios - 应用程序屏幕上的图像和 Html 内容组合滚动

Question

问题

我想在应用程序屏幕上显示图像和 Html 文本。文本很大，所以它可能不适合屏幕，所以我希望内容可以滚动。 WebView 默认情况下对超出屏幕大小的内容具有滚动功能。但我不希望在向下滚动时文本向上移动，而且图像也向上移动，即我不希望在向下滚动时图像在屏幕上停留。

一个简单的解决方案是在 html 内容中呈现图像，但我不想这样做，因为 ImageView 允许我使用其他我想使用的功能。

可能的解决方案

我为此尝试的解决方案是在 ScrollView 中有一个 ImageView 和一个 WebView 但是当我尝试实现它时，只有 webview内容滚动，图像固定。 (这可能是因为 WebView 的滚动优先于父 ScrollView 的滚动。我什至尝试将 WebView 的子 ScrollView 的委托(delegate)设置为外部 ScrollView ，但是没有帮助，构建后 html 文本根本不可滚动:

webview.scrollView.delegate = self.scrollView

如何解决 ImageView 和 WebView 中可能使用其他容器 View (如果需要)的内容组合滚动的问题？

Answer 1

听起来您可以使用带有 UIImageView 的 UITableView 作为您的 tableViewHeader。 UIWebView 组件可以是 UITableViewCell 或 tableFooterView，具体取决于您希望如何构建 View 。

1. 将您的 UIImageView 设置为您的 UITableView 的 tableHeaderView。这样，当表格滚动时，您的图像将滚出屏幕。

2. 创建一个包含 UIWebView 的 UITableViewCell。您可以将单元格的高度设置为您的内容大小或屏幕大小。 Web View 本身可以在此单元格中滚动，用户也可以向上滚动以查看图像标题。