Rn隐藏WebView里h5的滚动条

作者: SleepWalkerLj | 来源:发表于2023-04-18 16:35 被阅读0次

今天开发h5页面时，发现一个问题，部分页面从App刚进入webview时，滚动条的位置偏移，像下面这样

滚动条偏移.png

本来是想着直接去掉h5页面的滚动条，百度之后得到的答案基本都是这个

::-webkit-scrollbar{
  width: 0;
}

但是试了之后发现没有用，突然想到是不是webview的问题，于是查了怎么隐藏webview的滚动条，如下

<WebView
    showsVerticalScrollIndicator ={false}
    ...
</>

写上这个属性之后就顺利的去掉了h5页面的滚动条了。

React-Native Webview 和H5交互的两种方式
React-Native WebView 和H5交互有两种方式：方式1：RN Webview 向H5注入JS ...
「React Native」react-native-webvi
一、背景说明：二、react-native-webview与h5交互 1.rn给h5发事件，可以通过拿到webv...
react-native-webview 和H5之间的交互最新总
爬了N个坑，终于打通了react-native-webview和H5之间的数据交互： RN发送数据给H5: _se...
React Native原理之跨端通信机制
我的理解：通信机制，RN和H5在跨端时候通信机制是不同的。H5主要是通过Webview来跟原生（Android或I...
JSBridge总结
由于Webview内嵌H5的性能/功能各种受限，于是有了各种的混合开发解决方案，例如Hybrid、RN、WEEX、...
7、native-echarts使用问题总结
1、RN - WebView的问题答：由于RN版本升级后，webView给分离出来，webView已经不在rea...
react native 原生webview与H5通信
之前写过一篇封装原生webview的文章，rn封装原生jsbridge与H5交互但是那只是android端的，不能...
iOS监听H5页面goBack返回事件问题
从native直接push到一个webView页面，隐藏navigationBar，使用H5的头部为导航栏。此时会...
开发中遇到的兼容性问题
横向的滚动条，需要隐藏时， .nav::-webkit-scrollbar{ /*隐藏滚动条*/ display:...
ReactNative下WebView隐藏滚动条
关于滚动条隐藏这篇文章写的比较详细: 怎麽把＂滚动条＂隐藏[https://juejin.cn/post/6844...