如何在Xamarin Forms的WebView中仅禁用垂直滚动？

当然可以搞定！既然你已经通过CustomRenderer实现了WebView的高度自适应，那只需要在现有Renderer的基础上做些调整，就能轻松禁用WebView的垂直滚动、同时保留水平滚动功能。我给你分iOS和Android两个平台的具体实现方案：

iOS平台调整 #

在iOS的CustomRenderer中，我们可以直接操作WebView底层的WKWebView（Xamarin.Forms默认使用WKWebView），通过配置滚动视图的属性来禁用垂直滚动、保留水平滚动：

using Xamarin.Forms.Platform.iOS;
using WebKit;

[assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]
namespace YourAppNamespace.iOS
{
    public class CustomWebViewRenderer : WebViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);
            
            if (Control is WKWebView wkWebView)
            {
                // 关闭垂直滚动指示器，禁用垂直滚动
                wkWebView.ScrollView.ShowsVerticalScrollIndicator = false;
                wkWebView.ScrollView.ScrollEnabled = false;
                
                // 开启水平滚动指示器，允许水平回弹（保证水平滚动正常）
                wkWebView.ScrollView.ShowsHorizontalScrollIndicator = true;
                wkWebView.ScrollView.AlwaysBounceHorizontal = true;
            }
        }
    }
}

因为你已经让WebView高度完全适配内容，所以禁用垂直滚动后不会出现内容截断的问题，用户可以通过外层的ScrollView来浏览整个页面，水平滚动则不受影响。

Android平台调整 #

Android这边需要更细致的处理，除了设置滚动条属性，还要通过拦截触摸事件来彻底阻止垂直滚动操作，同时保留水平滚动：

using Xamarin.Forms.Platform.Android;
using Android.Webkit;
using Android.Views;

[assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]
namespace YourAppNamespace.Droid
{
    public class CustomWebViewRenderer : WebViewRenderer
    {
        public CustomWebViewRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);
            
            if (Control != null)
            {
                // 隐藏垂直滚动条
                Control.VerticalScrollBarEnabled = false;
                Control.SetVerticalScrollBarEnabled(false);
                
                // 开启水平滚动条
                Control.HorizontalScrollBarEnabled = true;
                Control.SetHorizontalScrollBarEnabled(true);
                
                // 拦截触摸事件，阻止垂直滚动动作
                Control.Touch += (sender, args) =>
                {
                    var webView = sender as Android.Webkit.WebView;
                    if (webView == null) return;
                    
                    // 当尝试向上/向下滚动时，拦截事件
                    if (args.Event.Action == MotionEventActions.Move)
                    {
                        // 已经滚动到顶部，还想向上拉
                        if (webView.ScrollY == 0 && args.Event.RawY < args.Event.GetY(0))
                        {
                            args.Handled = true;
                        }
                        // 已经滚动到底部，还想向下拉
                        else if (webView.ScrollY >= webView.ContentHeight - webView.Height && 
                                 args.Event.RawY > args.Event.GetY(0))
                        {
                            args.Handled = true;
                        }
                    }
                };
            }
        }
    }
}

额外注意点 #

• 确保你的高度自适应逻辑能正确更新WebView的HeightRequest，让WebView完全包裹内容，这样禁用垂直滚动后用户可以通过外层ScrollView顺畅浏览。
• 如果WebView加载的是动态内容（比如JS渲染的页面），记得在内容更新后重新计算高度并同步HeightRequest，同时确认滚动属性依然生效。

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