Android：WebView横向滚动时禁用ScrollView垂直滚动及粘滞问题

刚好碰到过类似的嵌套滚动冲突问题，我来给你一套可行的解决方案，不仅能实现你要的滚动控制逻辑，还能解决WebView横向滚动粘滞的问题～

你的布局是ScrollView嵌套包含WebView的LinearLayout，核心矛盾是触摸事件的传递优先级：当用户在WebView上横向滚动时，需要让WebView优先处理触摸事件，不让ScrollView拦截去做垂直滚动；而WebView失焦或停止横向滚动时，ScrollView要恢复正常的垂直滚动功能。滚动粘滞则是因为事件状态没有及时同步导致的。

我们可以通过自定义ScrollView控制事件拦截+WebView多维度监听的组合来实现精准控制：

1. 自定义ScrollView控制事件拦截 #

首先创建一个自定义ScrollView，用来根据WebView的滚动状态动态决定是否拦截垂直滚动事件：

public class CustomScrollView extends ScrollView {
    private boolean isWebViewHorizontalScrolling = false;

    public CustomScrollView(Context context) {
        super(context);
    }

    public CustomScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    // 对外暴露方法，设置是否允许WebView独占横向滚动事件
    public void setWebViewHorizontalScrolling(boolean scrolling) {
        this.isWebViewHorizontalScrolling = scrolling;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        // 如果WebView正在横向滚动，不拦截触摸事件，交给WebView处理
        if (isWebViewHorizontalScrolling) {
            return false;
        }
        // 其他情况默认拦截，正常处理垂直滚动
        return super.onInterceptTouchEvent(ev);
    }
}

2. 替换布局中的原生ScrollView #

把XML里的原生ScrollView换成我们自定义的版本：

<com.yourapp.package.CustomScrollView
    android:id="@+id/custom_scroll_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="顶部文本区域"/>

        <WebView
            android:id="@+id/web_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="底部文本区域"/>

    </LinearLayout>
</com.yourapp.package.CustomScrollView>

3. 给WebView设置多维度监听，解决冲突和粘滞 #

在Activity或Fragment中，给WebView添加触摸监听、焦点监听和滚动监听，精准同步滚动状态：

CustomScrollView customScrollView = findViewById(R.id.custom_scroll_view);
WebView webView = findViewById(R.id.web_view);

// 开启WebView横向滚动，关闭垂直滚动避免和ScrollView冲突
webView.setHorizontalScrollBarEnabled(true);
webView.setVerticalScrollBarEnabled(false);

// 记录触摸起始坐标，用于判断滑动方向
float touchStartX = 0f;
float touchStartY = 0f;

// 触摸监听：判断用户是横向还是纵向滑动
webView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                touchStartX = event.getX();
                touchStartY = event.getY();
                // 按下时默认允许ScrollView滚动
                customScrollView.setWebViewHorizontalScrolling(false);
                break;
            case MotionEvent.ACTION_MOVE:
                float deltaX = Math.abs(event.getX() - touchStartX);
                float deltaY = Math.abs(event.getY() - touchStartY);
                // 当横向滑动距离大于纵向，且超过20dp阈值（避免误判），判定为横向滚动
                if (deltaX > deltaY && dpToPx(20) < deltaX) {
                    customScrollView.setWebViewHorizontalScrolling(true);
                } else {
                    customScrollView.setWebViewHorizontalScrolling(false);
                }
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                // 触摸结束，恢复ScrollView的滚动权限
                customScrollView.setWebViewHorizontalScrolling(false);
                break;
        }
        // 返回false，让WebView自己处理触摸事件
        return false;
    }
});

// 焦点监听：WebView失去焦点时，立即恢复ScrollView滚动
webView.setOnFocusChangeListener(new View.OnFocusChangeListener() {
    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        if (!hasFocus) {
            customScrollView.setWebViewHorizontalScrolling(false);
        }
    }
});

// WebView滚动监听：解决横向滚动粘滞问题
webView.setOnScrollChangeListener(new View.OnScrollChangeListener() {
    @Override
    public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
        // 如果WebView的横向滚动位置发生变化，说明正在横向滚动
        if (scrollX != oldScrollX) {
            customScrollView.setWebViewHorizontalScrolling(true);
        } else {
            // 横向滚动停止后，恢复ScrollView滚动
            customScrollView.setWebViewHorizontalScrolling(false);
        }
    }
});

// 辅助方法：dp转px
private int dpToPx(int dp) {
    return (int) (dp * getResources().getDisplayMetrics().density);
}

• 事件拦截控制：自定义ScrollView通过onInterceptTouchEvent动态决定是否拦截触摸事件，当WebView横向滚动时放弃拦截，让WebView独占触摸事件。
• 滑动意图判断：通过触摸起始点和移动点的差值，结合阈值过滤误操作，精准识别用户的横向滚动意图。
• 粘滞问题修复：WebView的滚动监听可以实时检测横向滚动状态，确保滚动过程中持续禁用ScrollView，滚动停止后立即恢复，彻底解决粘滞感。

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