设置Webview的滚动条属性- 滚动条白边解决方法

最新推荐文章于 2021-05-26 02:15:37 发布
最新推荐文章于 2021-05-26 02:15:37 发布
阅读量1.1k 收藏
点赞数
本文介绍了一个使用WebView显示网页时常见的界面缺陷——右侧滚动条导致的白边问题，并提供了解决方案。通过设置WebView的滚动条样式为SCROLLBARS_INSIDE_OVERLAY，可以消除白边，使滚动条紧贴内容显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我以前一篇文章说用Webview来显示网页，但是很多人用了以后发现，右侧的滚动条占据的地方出现了白边。

这个小的困扰造成软件界面的缺陷，真是令人不舒服。

这个问题应如何解决呢？

经过一段困扰，研究终于解决了，加入这个语句 mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); 就行了。

例如：

......

mWebWiew=(WebView)findViewById(R.id.webView1);


mWebWiew.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);

mWebWiew.getSettings().setJavaScriptEnabled(true);

mWebWiew.loadUrl("http://qqhrxyw.qqxinxi.com");

......

运行程序发现真的解决了，不再出现白边，滚动条到图像的顶层来了。哈哈

iteye_3941
关注
webview去掉缩放按钮、边界滚动条
qihigh的专栏
10-31 1万+
这是evernote上的笔记，笔记入口 android的webview自带的缩放功能很不错，唯一的遗憾就是那个按钮太丑了，于是考虑将其去掉，但是webview对外开放的方法并没有能够完成这个功能的，于是考虑自己继承webview，来添加这个功能。主要就是：      this.getSettings().setBuiltInZoomControls(true);      t
解决 iOS 11 webview 顶部空白条的问题
十年磨一剑，霜刃未曾试!
12-31 3185
在 iOS 11 使用 webview 发现顶部会有一个空白条，怎么也去不掉，通过设置 contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever 就可以解决了，具体的代码如下： // // ViewController.m // webView // // Created by exchen on 1...
Android WebView ScrollBar设置
不以己悲的博客
09-02 1万+
<br />WebView wv;<br /> <br />wv.setVerticalScrollBarEnabled(false);  取消Vertical ScrollBar显示<br />wv.setHorizontalScrollBarEnabled(false); 取消Horizontal ScrollBar显示<br />wv.setVerticalScrollBarEnabled(true);  <br />wv.setHorizontalScrollBarEnabled(true);<br
WebView setScrollBarStyle
fyfcauc的专栏
12-31 2589
public void setScrollBarStyle (int style)  Added in API level 1 Specify the style of the scrollbars. The scrollbars can be overlaid or inset. When inset, they add to the padding of the view. An
WebView一直显示滚动条
xm52013的博客
06-14 2958
WebView默认无间隔到一定时间后就会自动隐藏滚动条，这里可以通过设置 android:fadeScrollbars="false" 即可不自动隐藏滚动条。
关于WebView因图片太大导致出现横向滚动条问题
志哥的博客
05-31 2631
有时候用webView 后台返回的图片太大了 导致出现了横向滚动条 影响美观 找了很久找到了一个方法 给图片设置样式  img{max-width:360px !important;} 这样就可以让图片不会太大了 下面给个全部的代码 public static void setUpWebView(WebV
android webview iframe,Android WebView拦截iframe标签内部跳转教程
weixin_30988079的博客
05-26 1022
最近项目里有个广告位需要动态配置，后台给了一段 html 嵌套iframe标签的代码，需要Android拦截iframe内部的跳转，自己做处理。比如，下面是一段html代码，嵌套这iframe标签，src就是跳转地址，我现在就要当你点击该网址的时候做拦截，自己做处理而不是跳转。oh,我还是第一次知道iframe标签，不过想着应该和普通拦截h5差不多，兴致勃勃的就开始撸代码了，但是无论怎么配置Web...
一次Android WebView使用的苦逼体验之旅
u014424628的专栏
06-02 1万+
有时候有这么样的需求，我们想在自己的原生android app中嵌入其它功能模块，而这些模块的实现往往早就有BS模式的了，所以简单期间，直接拿过来用吧。 多亏了webView控件，让我们的app可以充当浏览器的功能浏览网页，如果网页已经是屏幕自适应的（各种框架bootstrap啊，amazeui啊，不拉不拉不拉的），那么效果更好！ 那么问题来了，我们要怎么使用webView呢？ 版本1:
Android WebView拦截iframe标签内部跳转
yuan7016的博客
07-18 4929
最近项目里有个广告位需要动态配置，后台给了一段 html嵌套iframe标签的代码，需要Android拦截iframe内部的跳转，自己做处理。 比如，下面是一段html代码，嵌套这iframe标签，src就是跳转地址，我现在就要当你点击该网址的时候做拦截，自己做处理而不是跳转。 <html> <iframe src="https://www.imooc.com/" fr...
Android webview加载iframe标签的HTML
dxt8305的博客
09-01 1万+
我最近项目需求加入文档云 根据后台返回的数据直接返回iframe标签，但是Android这边想用webview加载，中间出现过各种问题还好最终解决了。所以就整理出一下的代码自己做个笔记同时也希望对您有帮助！ 直接上关键性的代码：  这是接口返回的iframe标签  （这是一个动态的PPT的文本，后台可以简单的定一下样式）      public static WebView pptWe
android webview 滚动条样式,更改WebView中滚动条角的颜色
weixin_36257834的博客
05-25 1244
我在Windows 10上使用JavaFX 8。在一个WebView在深色背景下,当滚动条可见时,我可以看到浅灰色的角落。网络视图“自动滚动”我已经试过了this,以及其他选择器:.corner {-fx-background-color: black;}还有.corner {-fx-background-color: black;}.scroll-bar > .corner {-fx-ba...
关于WebView顶部的滚动条简单但记录下供以后使用
biaobiaoz的博客
12-11 615
最近碰到了WebView的使用。 经过自己查看api。写了一下WebView.加上顶部的页面加载时的滚动效果。 要在WebView的上方加一个滚动条。其实就是加一个ProgressBar 设置样式即可。 附上 activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com
Android WebView滚动条不显示说明
lidongxiu0714
08-01 8021
WebView常用的地方是作为列表详情页展示，右侧滚动条可以很好的展示详情页刷到了哪个位置，还有多久才能到底。 滚动条展示的简单设置： mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); mWebView.setVerticalScrollBarEnabled(true); mWebView.setHoriz...
设置android WebView 不显示滚动条
热门推荐
大猴子的学习园地
08-21 2万+
android:scrollbars="none"
关于webview的设置（滚动条、自适应屏幕、缩放按钮）
林静月下的博客
08-29 1万+
（一）去掉滚动条
webview隐藏滚动条
Jason_996的博客
10-31 9523
webView.setHorizontalScrollBarEnabled(false);//水平不显示 webView.setVerticalScrollBarEnabled(false); //垂直不显示 webView.setScrollBarStyle(View.SCROLLBARS_OUTSIDE_OVERLAY);//滚动条在WebView内侧显示 webView.setSc
用webview打开网页时，里面有个div带滚动条的，但是在平板上滚动条失效
weixin_30701575的博客
07-27 588
android2.3的不支持滚动条，并且scrollTop也不支持的。（设置overflow未hidden就可以支持）。 function noBarsOnTouchScreen(arg) { var elem, tx, ty; if('ontouchstart' in document.documentElement ) { if (elem =...
移动端web页面滚动不流畅，卡顿闪烁解决方案
性感小胡子的博客
10-26 7439
1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果，设置如下实现惯性滚动和弹性效果： -webkit-overflow-scrolling: touch 2.position属性导致的页面滚动不流畅问题： &lt;div style="overflow-x: hidden; overflow-y: auto; position: absolute; ...
webview滚动条
最新发布
08-19
Webview滚动条是指在Webview视图中显示的滚动条，用于用户在浏览网页内容时进行滚动操作。在Web开发中，可以通过CSS样式或者相关的JavaScript代码来控制滚动条的样式和行为。 以下是一些常见的控制Webview滚动条的方法： 1. CSS样式：可以使用CSS的overflow属性来控制滚动条的显示和行为。例如，使用overflow: auto;可以在需要时显示垂直滚动条，使用overflow: hidden;可以隐藏滚动条。 ```css /* 显示垂直和水平滚动条 */ .webview { overflow: auto; } /* 隐藏滚动条 */ .webview { overflow: hidden; } ``` 2. JavaScript：可以使用JavaScript来动态控制Webview滚动条的位置和行为。通过获取Webview对象并操作其scrollTop和scrollLeft属性，可以实现滚动到指定位置或隐藏滚动条等效果。 ```javascript // 滚动到指定位置 var webview = document.getElementById('my-webview'); webview.scrollTop = 100; // 滚动到距离顶部100像素的位置 // 隐藏滚动条 var webview = document.getElementById('my-webview'); webview.style.overflow = 'hidden'; ``` 请注意，具体的实现方法可能会根据使用的Web开发框架或库而有所不同。以上只是一些基本的示例，具体应用时请根据实际情况进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值