我完全懂你现在的困扰——试了CSS隐藏滚动条没效果，找到的原生代码又不知道该塞到哪里。别着急，下面给你两种靠谱的全局解决方案，一步步来就能搞定：

方法一：优化CSS方案（快速尝试） #

有时候单纯的::-webkit-scrollbar { display: none }没生效，是因为没有覆盖到所有滚动容器，或者某些元素的滚动属性没设置对。试试这段更全面的全局CSS：

/* 全局隐藏所有元素的滚动条 */
*::-webkit-scrollbar {
    display: none;
}

/* 确保核心容器的滚动行为正确，同时隐藏滚动条 */
body, html, .scroll-content, .ui-content {
    -webkit-overflow-scrolling: touch; /* 保持iOS顺滑滚动 */
    overflow: auto;
    scrollbar-width: none; /* 针对非webkit内核的兜底（iOS基本都是webkit） */
    -ms-overflow-style: none; /* IE/Edge兜底 */
}

把这段代码放到你的全局样式文件里（比如www/css/index.css），确保所有页面都能加载到它。如果你的项目用了第三方UI框架，记得检查框架自带的滚动容器类名，把它们也加到上面的选择器里。

方法二：修改原生iOS代码（彻底解决） #

如果CSS方案还是搞不定，那就直接从原生层面禁用滚动条显示，这是最稳妥的办法。你提到的那两行代码，具体放置位置如下：

1. 打开你的Cordova项目，找到路径：platforms/ios/[你的项目名称]/Plugins/cordova-plugin-wkwebview-engine/CDVWKWebViewEngine.m（如果用的是旧版UIWebView，路径是cordova-plugin-ios-webview-engine/CDVUIWebViewEngine.m）
2. 在文件里找到创建WebView的方法，比如- (WKWebView*)createWebViewWithFrame:(CGRect)frame（UIWebView对应的是- (UIWebView*)createWebViewWithFrame:(CGRect)frame）
3. 在方法内部，WebView初始化完成后，添加那两行代码。修改后的示例代码如下：

- (WKWebView*)createWebViewWithFrame:(CGRect)frame
{
    WKWebViewConfiguration* configuration = [[WKWebViewConfiguration alloc] init];
    // 其他原有配置代码...
    
    WKWebView* webView = [[WKWebView alloc] initWithFrame:frame configuration:configuration];
    // 添加下面两行代码
    webView.scrollView.showsVerticalScrollIndicator = NO;
    webView.scrollView.showsHorizontalScrollIndicator = NO;
    
    return webView;
}

如果找不到这个方法，也可以找viewDidLoad方法，在里面设置这两个属性也行——只要是在WebView已经初始化完成的地方就行。

4. 修改完成后，重新编译iOS项目：

cordova build ios

这样就能全局禁用滚动条的显示了，完全不受页面CSS的影响。

小提示 #

• 优先试CSS方案，简单快捷，不需要修改原生代码；
• 如果用了WKWebView插件，记得确认插件版本是最新的，避免兼容性问题；
• 测试的时候一定要在真实iOS设备上看，模拟器有时候会有滚动条显示的bug。

内容的提问来源于stack exchange，提问作者Cường Nguyễn