【iOS】webview头部自定义view要跟webview一起滚动

最新推荐文章于 2024-04-04 17:31:13 发布

原创最新推荐文章于 2024-04-04 17:31:13 发布 · 3.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios #webview #加一个头部view

iOS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何在 iOS 的 WebView 中添加一个头部视图，并使其跟随 WebView 的滚动一起滚动。关键步骤包括设置 webView.scrollView.contentInset 以及将自定义视图添加到 webView 的 scrollView 上。此外，还提供了解决加载时底部黑色边框问题的方法。

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

有时候webView加载出来是没有头的,需要我们自己添加一个view,放置图片或者放置一个label来显示标题,下面是在webView的头部加一个view的方法,这个view可以随着webView的滚动一起滚动...

// 创建一个webView
UIWebView * webView = [[ UIWebView alloc ] initWithFrame :[ UIScreen mainScreen ]. bounds ];
// 加载网页

[webView loadRequest :[ NSURLRequest requestWithURL :[ NSURL URLWithString : @"https://www.baidu.com" ]]];
// 这里是关键了

webView. scrollView . contentInset = UIEdgeInsetsMake ( 200 , 0 , 0 , 0 );

// 把webView添加到视图上

[self.view addSubview:webView];

// 这里也是关键

UIView* head = [[UIViewalloc] initWithFrame:CGRectMake(0, -200,self.view.frame.size.width,200)];

// 给自定义view设个背景色

head. backgroundColor = [ UIColor orangeColor ];

// 把自定义的view添加到webView的scrollView上面!!!

[webView.scrollView addSubview:head];

添加完自定义的 view 以后 , 网页加载出来之前 , 下面会有黑色的方框 , 下面是去掉的方法

// 去掉黑色框框

 webView.scrollView.contentOffset= CGPointMake(0, -100);
 // -100是自己瞎写的,根据不同情况设定,黑框越大,这个数就越小!是负数的小!!
 