如何禁用 Webview 中的滚动？

Question

有什么方法可以禁用 webview 中的滚动吗？

例如

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

请查找本机脚本 playground link 附件：

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

Answer 1

您可以通过访问本机 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;

可以找到游乐场演示here

如何禁用 Webview 中的滚动？

How to disable scroll in Webview?

nativescript

nativescript-telerik-ui