Webview下方紧跟评论(webview 设置为 tableview的Header)

需求: 内容详情需要用webview 来呈现,webview内容滑动到底部后下方要紧跟着当前文章的评论
评论列表为非html,需要用 原生空间

尝试: 查询并使用了各种方案, 每次进入详情获取到的 webview 高度都不相同, 故无法使用此种方案

另辟蹊径: UITableview 嵌套 Webview 来实现
1:Webview的tableheader设置与屏幕展现高度相同;
2: Webview 设置为 tableview 的 tableHeader
3: 设置 webV.scrollView.delegate = self
设置 webV.scrollView.bounces = false
同时设置 tableview.bounces = false
4: 在代理方法中设置

话不多说上效果 图图图图图图图图


webview.gif
为了更好的效果, 在 scrollview 停止滚动  及 开始拖动中 设置 webview.scrollview.isScrollEnabled 状态
    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        if tv.contentOffset.y == 0 {
            webV.scrollView.isScrollEnabled = true
        } else {
            webV.scrollView.isScrollEnabled = false
        }
    }
    
    func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
        if tv.contentOffset.y == 0 {
            webV.scrollView.isScrollEnabled = true
        } else {
            webV.scrollView.isScrollEnabled = false
        }
    }

完整代码完整代码完整代码完整代码完整代码完整代码完整代码


//
//  ViewController.swift
//  webviewDemo
//
//  Created by 李浩 on 2017/8/31.
//  Copyright © 2017年 李浩. All rights reserved.
//

import UIKit
import WebKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
    var tv: UITableView!
    
    var webV: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        configView()
    }
    
    func configView() {
        tv = UITableView(frame: CGRect(x: 0, y: 0, width: view.bounds.width, height: view.bounds.height), style: .grouped)
        tv.backgroundColor = UIColor.yellow
        tv.delegate = self
        tv.dataSource = self
        tv.bounces = false
        view.addSubview(tv)
        
        webV = WKWebView(frame: CGRect(x: 0, y: 0, width: view.bounds.width, height: view.bounds.height))
        webV.scrollView.delegate = self
        webV.scrollView.bounces = false
        webV.load(URLRequest(url: URL(string: "http://app.digitaling.com/articles/39581.html")!))
        tv.tableHeaderView = webV
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 100
    }
    
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 50
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
        if cell == nil {
            cell = UITableViewCell(style: .default, reuseIdentifier: "cell")
        }
        
        cell?.textLabel?.text = "评论-" + String(indexPath.row + 1)
        return cell!
    }
    
    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        print("-------")
        if tv.contentOffset.y == 0 {
            webV.scrollView.isScrollEnabled = true
        } else {
            webV.scrollView.isScrollEnabled = false
        }
    }
    
    func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
        if tv.contentOffset.y == 0 {
            webV.scrollView.isScrollEnabled = true
        } else {
            webV.scrollView.isScrollEnabled = false
        }
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}



推荐阅读更多精彩内容

  • 从兰卡回来,到今天已经是整整90天了,时不时会想起在那里经历的一些事情,遇到的那些人,有欣喜、有遗憾、有怀念、有不...
    Gloria_Yao阅读 129评论 0 0
  • 写下这个题目,突然觉得有点忐忑,因为德芬老师写过一本《遇到心想事成的自己》,里面的内容具体是什么忘记了,今天想写这...
    绽蕊闻香阅读 147评论 1 2
  • 师哥比我大一级。 上过大学的都知道,在师哥师姐中总有几个牛人一般的存在。 这位师哥在我们新生看来就是这样的存在。 ...
    张看简书阅读 52评论 0 7
  • 和我在成都的街头走一走 喔哦... 直到所有的灯都熄灭了也不停留 你会挽着我的衣袖 我会把手揣进裤兜 走到玉林路的...
    一个皮球的自述阅读 20评论 0 0
  • 我近期想达成的目标是: 在6月1号看见財富增長,快速增加收入50万元。 我的咖啡冥想内容是: a感恩老师教导我们...
    爱戴0008阅读 20评论 0 0