如何禁用WKWebView弹跳效果？已尝试wkWebView.scrollView.bounces=false无效

嘿，我之前也踩过这个一模一样的坑！明明按常规操作设置了wkWebView.scrollView.bounces = false，结果页面该弹跳还是弹跳，完全没生效。折腾了好一阵，总结出几个靠谱的解决办法，你可以挨个试试：

1. 同时关闭alwaysBounceVertical属性 #

很多人容易忽略这个点：如果scrollView.alwaysBounceVertical被设为true，哪怕bounces = false，页面还是会在顶部/底部出现弹跳效果。所以一定要同时设置这两个属性：

wkWebView.scrollView.bounces = false
wkWebView.scrollView.alwaysBounceVertical = false

建议在WKWebView初始化完成后就设置，比如viewDidLoad里。

2. 页面加载完成后重新设置滚动属性 #

有些网页在加载过程中，会通过JS或CSS修改WebView的滚动行为，导致你之前设置的属性被覆盖。这时候可以借助WKNavigationDelegate，在页面完全加载完成后再重新设置一次：

// 先确保你的控制器遵守WKNavigationDelegate
class YourViewController: UIViewController, WKNavigationDelegate {
    override func viewDidLoad() {
        super.viewDidLoad()
        let webView = WKWebView(frame: view.bounds)
        webView.navigationDelegate = self
        view.addSubview(webView)
        // 初始设置
        webView.scrollView.bounces = false
        webView.scrollView.alwaysBounceVertical = false
        // 加载网页...
    }

    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        // 页面加载完成后再次设置，防止被网页覆盖
        webView.scrollView.bounces = false
        webView.scrollView.alwaysBounceVertical = false
    }
}

3. 注入JS禁止网页的弹性滚动 #

如果上面的方法都没用，大概率是网页本身的滚动容器（比如用了overflow: scroll的DOM元素）在控制滚动，这时候需要通过注入JS来禁止网页的原生弹性滚动：

// 在WKWebView加载网页前注入JS
let script = WKUserScript(source: """
document.addEventListener('touchmove', function(e) {
    // 阻止默认的触摸滚动行为
    e.preventDefault();
}, { passive: false });
""", injectionTime: .atDocumentStart, forMainFrameOnly: true)

let config = WKWebViewConfiguration()
config.userContentController.addUserScript(script)

let webView = WKWebView(frame: view.bounds, configuration: config)

⚠️ 注意：这个方法会禁止页面内所有滚动，如果你的网页有需要滚动的区域（比如长列表），得给这些区域单独设置CSS：touch-action: pan-y;，这样它们就能正常垂直滚动了。

4. 用ScrollViewDelegate兜底拦截滚动 #

如果以上方法都不生效，还可以通过UIScrollViewDelegate手动拦截超出边界的滚动：

// 让控制器遵守UIScrollViewDelegate
class YourViewController: UIViewController, UIScrollViewDelegate {
    override func viewDidLoad() {
        super.viewDidLoad()
        let webView = WKWebView(frame: view.bounds)
        webView.scrollView.delegate = self
        view.addSubview(webView)
    }

    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        let contentHeight = scrollView.contentSize.height
        let scrollViewHeight = scrollView.frame.height
        let offsetY = scrollView.contentOffset.y

        // 到达顶部，强制把偏移量拉回0
        if offsetY < 0 {
            scrollView.contentOffset = CGPoint(x: scrollView.contentOffset.x, y: 0)
        }
        // 到达底部，强制把偏移量拉回底部边界
        else if offsetY > contentHeight - scrollViewHeight {
            scrollView.contentOffset = CGPoint(x: scrollView.contentOffset.x, y: contentHeight - scrollViewHeight)
        }
    }
}

一般来说，前两个方法就能解决大部分问题，如果是网页自身的滚动逻辑导致的，第三个方法会更有效。

内容的提问来源于stack exchange，提问作者Hudi Ilfeld