如何在WKWebView中隐藏滚动条？iOS11.2真机适配问题

我明白你遇到的这个头疼问题——从UIWebView迁移到WKWebView后，原本能稳稳隐藏滚动条的CSS突然失效了，尤其还是在iOS 11.2的真机上，确实挺闹心的。结合WKWebView的特性和iOS 11的适配情况，给你几个针对性的解决办法，你可以挨个尝试：

方法1：调整CSS适配WKWebView的渲染规则 #

WKWebView对WebKit的CSS支持比UIWebView更严格，原来的写法可能不够彻底。你可以试试把CSS改成这样：

/* 彻底隐藏滚动条的所有样式 */
::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    background-color: transparent;
}
/* 同时确保页面容器没有溢出，避免触发滚动 */
html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch; /* 保留弹性滚动体验（如果需要的话） */
}

如果你的HTML是本地文件，要确保这个CSS正确嵌入；如果是动态加载的内容，也可以通过WKUserScript把这段CSS注入进去，保证优先级足够高。

方法2：通过Swift代码直接控制WKWebView的滚动指示器 #

WKWebView的滚动行为是由它内部的UIScrollView管理的，你可以直接设置它的属性来隐藏滚动条：

// 可以在WKWebView初始化完成后设置，比如viewDidLoad里
webView.scrollView.showsVerticalScrollIndicator = false
webView.scrollView.showsHorizontalScrollIndicator = false

// 如果你的页面根本不需要滚动，可以直接禁用滚动功能
// webView.scrollView.isScrollEnabled = false

建议在webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)代理方法里也补一遍这个设置，确保页面加载完成后滚动指示器的状态是正确的。

方法3：CSS + Swift双保险方案 #

有时候单一方法可能因为iOS版本的细微差异失效，结合两种方法就能最大化适配：先通过CSS从Web层面隐藏滚动条，再通过Swift代码从原生层面关闭滚动指示器，这样无论WKWebView怎么渲染，滚动条都不会显示出来。

另外还有个小细节要检查：你的HTML内容是否真的没有超出容器尺寸？如果内容本身就超出了，即使隐藏了滚动条，用户可能还是能触发滚动，这时候可以调整HTML内容的尺寸，让它完全适配WKWebView的容器大小，从根源上避免滚动行为。

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