WKWebView + UITableView

Author: wsl2ls

iOS_Tips/DarkMode/WKWebView/SLWebTableViewController.h

@@ -12,7 +12,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 /*
    WKWebView + UITableView
-   方案一：WebView作为TableView的Header,但不撑开webView
+   方案一：WebView作为TableView的Header, 撑开webView
  */
 @interface SLWebTableViewController : UIViewController
 

iOS_Tips/DarkMode/WKWebView/SLWebTableViewController.m

@@ -14,7 +14,7 @@ @interface SLWebTableViewController ()<UITableViewDelegate,UITableViewDataSource
 @property (nonatomic, strong) WKWebView * webView;
 ///网页加载进度视图
 @property (nonatomic, strong) UIProgressView * progressView;
-/// WKWebView 内容的高度
+/// WKWebView 内容的高度  默认屏幕高
 @property (nonatomic, assign) CGFloat webContentHeight;
 
 @property (nonatomic, strong) UITableView *tableView;
@@ -44,9 +44,8 @@ - (void)setupUi {
     [self configureWebTable];
 }
 - (void)configureWebTable {
+    self.webView.sl_h = _webContentHeight == 0 ? SL_kScreenHeight : _webContentHeight;
     self.tableView.tableHeaderView = self.webView;
-    self.tableView.bounces = NO;
-    self.webView.scrollView.bounces = NO;
 }
 
 #pragma mark - Getter
@@ -122,6 +121,7 @@ -(void)observeValueForKeyPath:(NSString *)keyPath
     }else if ([keyPath isEqualToString:NSStringFromSelector(@selector(contentSize))]
               && object == _webView.scrollView && _webContentHeight != _webView.scrollView.contentSize.height) {
         _webContentHeight = _webView.scrollView.contentSize.height;
+        [self configureWebTable];
         NSLog(@"WebViewContentSize = %@",NSStringFromCGSize(_webView.scrollView.contentSize))
     }
 }
@@ -130,6 +130,9 @@ -(void)observeValueForKeyPath:(NSString *)keyPath
 
 #pragma mark - HelpMethods
 
+#pragma mark - UIScrollViewDelegate
+- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
+}
 #pragma mark - UITableViewDelegate,UITableViewDataSource
 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
     return 1;

iOS_Tips/DarkMode/WKWebView/SLWebViewController.m

@@ -25,11 +25,6 @@ @implementation SLWebViewController
 #pragma mark - Override
 - (void)viewDidLoad {
     [super viewDidLoad];
-    
-    SLWebTableViewController *webTableViewController = [[SLWebTableViewController alloc] init];
-    [self.navigationController pushViewController:webTableViewController animated:YES];
-    return;
-    
     [self setupUI];
     [self addKVO];
 }
@@ -42,13 +37,13 @@ - (void)dealloc {
     NSLog(@"%@释放了",NSStringFromClass(self.class));
 }
 
-
 #pragma mark - UI
 - (void)setupUI {
     self.view.backgroundColor = UIColor.whiteColor;
+    UIBarButtonItem *testItem = [[UIBarButtonItem alloc] initWithTitle:@"Test" style:UIBarButtonItemStyleDone target:self action:@selector(testAction:)];
     UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"上一步" style:UIBarButtonItemStyleDone target:self action:@selector(goBackAction:)];
     UIBarButtonItem *forwardItem = [[UIBarButtonItem alloc] initWithTitle:@"下一步" style:UIBarButtonItemStyleDone target:self action:@selector(goForwardAction:)];
-    self.navigationItem.rightBarButtonItems = @[forwardItem,backItem];
+    self.navigationItem.rightBarButtonItems = @[forwardItem,backItem,testItem];
 
     [self.view addSubview:self.webView];
 
@@ -62,7 +57,7 @@ - (WKWebView *)webView {
 
         _webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, SL_kScreenWidth, SL_kScreenHeight) configuration:config];
 
-        NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://baidu.com"]];
+        NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://www.baidu.com"]];
         [_webView loadRequest:request];
     }
     return _webView;
@@ -133,4 +128,9 @@ - (void)goForwardAction:(id)sender{
     [_webView goForward];
 }
 
+- (void)testAction:(id)sender {
+    SLWebTableViewController *webTableViewController = [[SLWebTableViewController alloc] init];
+    [self.navigationController pushViewController:webTableViewController animated:YES];
+}
+
 @end