XZ_iOS之在webView的头部添加一个头视图并随着webView滚动,webView底部的黑色部分去掉

本文介绍如何在iOS应用的WebView中实现顶部视图随页面滚动的效果,通过调整webView的scrollView属性contentInset和contentOffset来确保头部视图正确显示,并解决加载过程中出现的黑色区域问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们想要头部添加到webView上,而且能随着滚动,我们就要明白webView之所以能够显示这么多的内容,而且可以滚动就是因为这个scrollView的属性,所以,我们想要头部视图也可以滚动,就得将头部视图加在ScrollView上。
我们在视图上添加完webView之后,我们将webView的scrollView的的contentInset设置一下,contentInset可以在四周增加滚动范围.
// 创建webView
 self.webView = [[UIWebView alloc] initWithFrame:
CGRectMake(0,0,KProjectScreenWidth, KProjectScreenHeight - 113)]; // 290
 self.webView.backgroundColor = [UIColor whiteColor];
 self.webView.scrollView.backgroundColor = [UIColor whiteColor];
 [self.webView setScalesPageToFit:YES];
 [self.view addSubview:self.webView];
// 注意:UIEdgeInsetsMake的值依次设置为:上,左,下,右
self.webView.scrollView.contentInset = UIEdgeInsetsMake(290, 0, 0, 0);
// 将头部视图添加到webView.scrollView上
XZWebTopView *topWeb = [[XZWebTopView allocinitWithFrameCGRectMake(0,-290,KProjectScreenWidth, 290)];
[self.webView.scrollView addSubview:topWeb];
// 加载数据
[self.webView loadHTMLString:modelGetTogether.party_info baseURL:[NSURL URLWithString:urlPath]];
// 但是当网络加载较慢的时候,会出现如下情况:底下是一块黑色的

// 解决方法是:
self.webView.scrollView.contentOffset= CGPointMake(0, -290);
contentInset和contentOffset要一起写
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值