Android 如何禁用webview的垂直滚动以将整个页面作为不同的列加载

我想禁用webview垂直滚动视图。在webview中将网页作为列加载 通过使用这种方式，我可以给用户一个读书的效果

这是我在html中添加的样式。它根本不起作用

  loadingStringHorizontal="<style type='text/css'>body { width:200px;height:400px;
    -webkit-column-gap:17px;-webkit-column-width:170px;
     text-align:justify ;} </style>";

loadingStringHorizontal=“车身{宽度：200px；高度：400px；
-webkit列间距：17px；-webkit列宽度：170px；
文本对齐：对齐；}”；

---

谢谢您的时间。

尝试添加CSS

溢出：自动；溢出y：隐藏
您可以尝试单列布局

myWebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

或者在XML中，您可以在滚动条中不添加任何内容

<WebView
    android:scrollbars="none" />



然后设置
myWebView.setScrollContainer（false）
首先，您必须添加自定义webview以禁用垂直向下滚动

class CustomWebView2 extends WebView
{
    Context mContext = null;
    private float start_y = -1;
    private String DEBUG_TAG = "  touch:";

    public CustomWebView2(Context context)
    {
        super(context);
        mContext = this.getContext();
    }

    public CustomWebView2(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        mContext = context;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event)
    {
        int action = event.getAction();

        switch (action)
        {
            case (MotionEvent.ACTION_DOWN):
                /**
                 * get Y position
                 */
                start_y = event.getY();
                break;
            case (MotionEvent.ACTION_MOVE):
                /**
                 * if you scroll to up more than 60px
                 * webView scroll back to Y=0
                 */
                if(start_y-event.getY()>60)
                {
                    scrollTo(getScrollX(),0);
                    return true;
                }
                break;
            case (MotionEvent.ACTION_UP):
                Log.d(DEBUG_TAG, "Action was UP");
                break;
        }
        return super.onTouchEvent(event);
    }
}

然后可以使用javascript创建多列webview
（）

您必须将这些行应用于webview的设置

 CustomWebView webView_ = (CustomWebView) view.findViewById(R.id.webView);
 webView_.getSettings().setUseWideViewPort(true);
 webView_.getSettings().setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS);
 /**
 * hide vertical scrollBar
 */
 webView_.setVerticalScrollBarEnabled(false);

在webview上完全加载页面后，必须在webview上运行javascript代码

 webView_.setWebViewClient(new WebViewClient(){

            public void onPageFinished(WebView view, String url) {
                injectJavascript();
            }

        });

这是javascript代码

public void injectJavascript() {
        String js = "javascript:function initialize() { " +
                "var d = document.getElementsByTagName('body')[0];" +
                "var ourH = window.innerHeight; " +
                "var ourW = window.innerWidth; " + 
                "var fullH = d.offsetHeight; " +
                "var pageCount = Math.floor(fullH/ourH)+1;" +
                "var currentPage = 0; " +
                "var newW = pageCount*ourW; " +
                "d.style.height = ourH+'px';" +
                "d.style.width = newW+'px';" +
                "d.style.webkitColumnGap = '2px'; " +
                "d.style.margin = 0; " +
                "d.style.webkitColumnCount = pageCount;" +
                "}";
        webView_.loadUrl(js);
        webView_.loadUrl("javascript:initialize()");
    }

这里有一个简单但有效的解决方案，唯一适合我的（参考）：

您的问题标题是：禁用webview的水平滚动。您的问题描述说您想禁用webview的垂直滚动视图！尝试以下操作：也添加一些说明，而不是仅转储代码。不推荐使用单_列
body{
    position:fixed;
    top:0;
}