Html5去掉滚动条和Android中去掉WebView滚动条

最新推荐文章于 2024-04-21 09:10:41 发布
最新推荐文章于 2024-04-21 09:10:41 发布
阅读量1.3w 收藏 1
点赞数
分类专栏： android UI html 文章标签： android html5 scroll layout webkit xml
android 同时被 3 个专栏收录
92 篇文章 0 订阅
订阅专栏
UI
26 篇文章 0 订阅
订阅专栏
html
2 篇文章 0 订阅
订阅专栏

在android中在xml文件中直接定义WebView组件的属性即可：

<WebView
        android:id="@+id/webView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scrollbars="none"
        android:scrollbarSize="0dip"/>

Html5中可以去掉滚动条，但是对android的Webkit貌似没有效果：

去掉水平滚动条：
<body style="overflow-x: hidden">
去掉竖直滚动条：
<body style="overflow-y: hidden">

隐藏横向滚动条，显示纵向滚动条:
<body style="overflow-x:hidden;overflow-y:scroll">

全部隐藏
<body style="overflow:hidden">

或者是
<body scroll="no">

参考： http://www.html-5.cn/js/YeMianLei/160.html
亚林瓜子
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
如何禁止页面滚动
dayanwu2842的博客
11-27 2688
禁止页面滚动 有三种方法 1，依靠css 将页面 document.documentElement.style.overflow='hidden'; document.body.style.overflow='hidden';//手机版设置这个。 如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。 但是 你用键盘的 上下左右键，你会发现，页面仍然可以滚动。 ...
如何隐藏ＷebView的滚动条
weixin_40763897的博客
06-27 6161
其实方法很简单，只要在xml布局文件上加上这个属性android:scrollbars=“none”： <WebView android:id="@+id/x5_webview" android:layout_width="match_parent" android:layout_height="match_parent" ...
去掉WebBrowser的边框和滚动条
08-30
老问题，新解法：关于去掉WebBrowser的边框和滚动条 连接点+SetUIHander方法 关键代码
滚动条详解：跨平台iOS、Android、小程序滚动条隐藏及自定义样式综合指南
最新发布
JINGWHALE
04-21 1896
随着用户界面体验提升的要求，滚动条自定义样式以及滚动条隐藏精致化的需求日渐增加，本文详细介绍了小程序、iOS、Android平台滚动条的隐藏方法，以及滚动条一般自定义样式的方法。在保持界面整洁、避免内容溢出的同时，确保用户能够访问所有信息，提升浏览体验。
webview隐藏滚动条
Jason_996的博客
10-31 9320
webView.setHorizontalScrollBarEnabled(false);//水平不显示 webView.setVerticalScrollBarEnabled(false); //垂直不显示 webView.setScrollBarStyle(View.SCROLLBARS_OUTSIDE_OVERLAY);//滚动条在WebView内侧显示 webView.setSc
移动端h5 隐藏滑动滚动条
S筱潇S四维Smile
04-09 909
使用一下样式即可： ::-webkit-scrollbar { width: 0px; }
uniapp-取消滚动条
mylamb的博客
09-26 155
但两个都设置之后,我发现左右滑块的滚动条没了,上下的滚动条又有了。1. pages.json里设置。只设置第一个,上下的滚动条会没有。2.App.vue中设置。
Android如何让WebView中的HTML5页面实现视频全屏播放
01-20
总的来说，让Android的WebView中的HTML5页面实现视频全屏播放，需要自定义 `WebChromeClient` 并处理 `onShowCustomView()` 和 `onHideCustomView()` 方法，同时在HTML5页面中正确配置 `<video>` 标签。通过这样的...
css隐藏移动端滚动条并且ios上平滑滚动的方法
09-22
主要介绍了css隐藏移动端滚动条并且ios上平滑滚动的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Android 基于x5Webview 浏览文件 office文档
03-23
在Android开发中，为了提供用户友好的体验，有时我们需要在应用程序内部查看和处理Office文档，如Word、Excel或PowerPoint。X5WebView是腾讯QQ浏览器团队开源的一个高性能、跨平台的WebView组件，它基于Chromium内核...
Android WebView实现网页滚动截图
08-27
在Android开发中，WebView是一种非常重要的组件，它允许我们在应用程序中嵌入并显示网页内容。然而，有时我们可能需要对整个网页进行截图，而不仅仅是当前屏幕显示的部分。这就是Android WebView实现网页滚动截图的...
Android 仿QQ浏览器WebView，滑动隐藏显示ActionBar效果
01-23
Android 仿QQ浏览器WebView，滑动隐藏显示ActionBar效果
安卓内嵌H5，显示div滚动条css样式
luojingonline的博客
07-30 702
&::-webkit-scrollbar{ width:5px; height:13px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } ...
UIWebView加载本地html控制横向滚动条消失，并且显示html中的本地图片
wangyang2698341的专栏
03-21 1万+
手头ios项目需要一些关于我们和简介的简单页面 考虑到样式的灵活性和多变行，我决定使用支持js和Css的UIWebView加载html来完成。 遇到的问题： 1.乱码问题。 2.样式混乱，横向滚动条问题。 3.图片不显示问题。 解决方案： 1.乱码问题：   a.设置html的保存格式为utf-8   b.设置UIWebView的解码方式为utf-8   NS
解决HTML5页面在手机浏览器测试中发现 横向滚动条，尽管页面没有内容也是照常出现。
qq_26728817的博客
06-05 587
在body加个overflow-x: hidden完美解决 虽然下面出现小小的滚动条有点瑕疵，但是好用就行
去除移动端h5的横向滚动条
Queen-Shir的博客
05-30 914
我的问题是，在移动端第一次访问h5页面时，页面尺寸被放大了一点，没有手机适配，所以出现了横向滚动条。手指缩小页面尺寸后，横向滚动条才消失。
记一次Android使用webview加载H5，页面滑动卡顿修复历程
qq_31247073的博客
12-31 6187
换了个工作，接手了别人的项目，最近因公司业务需求，商品详情页需加载H5的链接，方便以后更新，加载显示之后才发现，页面短时滑动还正常，一旦页面比较长，滑动时各种卡顿，手指往上滑，页面往下跑，反之，亦然，于是开始了漫长的寻找Bug之路。 开始在外面加了一层Scrollview,发现滑动很流畅了，心里窃喜，结果发现本该在屏幕底部的按钮跟随Scrollview的高度跑到屏幕外面的最底部了，而且页面较短时，有些内容还显示不全，又开始了新一轮的挣扎，使用各种自定义Scrollview,Webview，最后连腾讯的X.
H5 页面隐藏滚动条详解（附源码）
刺心的博客
08-27 2363
今天碰到的问题，请看下面的解决办法 问题场景：微信 iOS 客户端 webview 下 H5 页面横向滚动条不隐藏 以往的做法： 通过 ::webkit-scrollbar { display: none; } 附案例： <!DOCTYPE html> <html> <head> <meta name="viewport" con...
HTML 禁止拖动Video进度条
热门推荐
m0_37729704的博客
05-09 3万+
其实当初我以为做这个很简单然后我百度了一下，找到了以下几个办法1、用个透明的层或图片把进度条盖住2、如果是浏览器自动渲染是无法定义的，可以使用第三方的html5播放器插件，3、自己写进度条然后我需要一个去尝试 第一个很简单，一个DIV给挡住，但是包括进度条以及暂停和声量包括全屏无法点，我觉得挺好 的，就按照这个做了，然后就被喷了，不满足客户需求，奖励继续留下来加班。第二个用其他插件，感觉 <vid
android webview滚动条属性,Android Webview与ScrollView的滚动兼容及留白处理的方法
06-13
Android WebView的滚动条属性可以通过设置WebView的属性来实现，具体代码如下： ```java webView.setVerticalScrollBarEnabled(false);// 禁用垂直滚动条 webView.setHorizontalScrollBarEnabled(false);// 禁用水平滚动条 ``` Android WebView和ScrollView的滚动兼容可以通过设置WebView的LayoutParams来实现，具体代码如下： ```java webView.setLayoutParams(new ScrollView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)); ``` Android WebView的留白处理可以通过设置WebView的Padding来实现，具体代码如下： ```java webView.setPadding(0, 0, 0, 0);// 设置WebView四周的留白为0 ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值