时间戳

首页 > 解决方案 > 如何在 Webview 中禁用滚动？

nativescript - 如何在 Webview 中禁用滚动？

问题描述

有没有办法可以在 webview 中禁用滚动？

例如

<WebView rc="https://www.npmjs.com/package/nativescript- 
openurl" height="300" tap="ontapvw"  ></WebView>

请找到附加的本机脚本游乐场链接：

https://play.nativescript.org/?template=play-js&id=hh7ITB&v=2

标签： nativescriptnativescript-telerik-ui

解决方案

您可以通过访问本机 WebView 并取消本机解决方案来禁用滚动（直接访问本机 API 是 nativeScript 的最大优势之一，因为这允许您使用本机解决方案）

Android XML 示例

<WebView loaded="onWebViewLoaded" src="https://www.npmjs.com/package/nativescript-openurl" height="300" ></WebView>

JavaScript

function onWebViewLoaded(args) {
  let wv = args.object;
  console.log(wv);

  if(isAndroid) {
      let webViewAndroid = wv.nativeView;
      console.log(webViewAndroid);

      // Hide the scrollbars, but not disable scrolling:
      webViewAndroid.setVerticalScrollBarEnabled(false);
      webViewAndroid.setHorizontalScrollBarEnabled(false);

      // Disable scrolling
      let myListener = new android.view.View.OnTouchListener({
        onTouch: function (view, event) {
          return (event.getAction() == android.view.MotionEvent.ACTION_MOVE);
        }
      })

      webViewAndroid.setOnTouchListener(myListener);
  }

}
exports.onWebViewLoaded = onWebViewLoaded;

游乐场演示可以在这里找到

推荐阅读