去除手机端页面滚动条

最新推荐文章于 2024-04-21 09:10:41 发布
最新推荐文章于 2024-04-21 09:10:41 发布
阅读量7.6k 收藏 1
点赞数 1
文章标签： 手机端页面 滚动条
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37599827/article/details/72620979
版权

今天做的手机页面有滚动条，想把它隐藏，找了挺多方法，终于解决了.

贴一下我的页面，遇到同样问题的可以参考一下,解释一下，

我是先把body固定，然后最大层的div的高和宽设置为100%，

竖直方向 overflow-y: auto;

::-webkit-scrollbar{width:0;height:0}主要是设置滚动条的样式

宽，高都设为0即可隐藏滚动条，同时注意不要在整个body或html上加，我是在最大div层加的

 

页面内容：

http://yayihouse.com/yayishuwu/chapter/1973

又是喝白开水
关注
微信小程序 - 完美去除 ＜scroll-view＞ 滚动条，保证 100% 去掉隐藏苹果 ios 系统、安卓滚动条（解决 ios 苹果真机scroll-view无法隐藏滚动条）详细示例代码，保证可用
王佳斌
05-28 5664
微信小程序scroll-view滚动条，微信小程序去除隐藏去掉scroll-view滚动条，微信小程序scroll-view苹果ios系统手机去除滚动条，微信小程序scroll-view如何去掉滚动条，微信小程序scroll-view隐藏滚动条，微信小程序scroll-view无法去掉 ios 苹果系统的滚动条，微信小程序隐藏scroll-view滚动条在苹果ios系统不生效，微信小程序scroll-view在苹果ios系统下有滚动条怎么去除隐藏，微信小程序scroll-view去掉ios苹果系统滚动条，微
uniapp去掉右侧滚动条的解决办法？
孙叫兽的博客
12-24 9509
用uniapp开发小程序,内容多的情况下,在微信开发者工具和真机调试下,右侧出现滚动条,有没有办法隐藏滚动条？ 参考文档：https://uniapp.dcloud.net.cn/collocation/pages?id=app-plus 解决办法一： 参考文档：https://uniapp.dcloud.net.cn/collocation/pages?id=app-plus 全局配置： "globalStyle": { //全局配置 "scrollIndicato...
去除 移动端滚动条
lyinshaofeng的博客
08-05 474
去除 移动端滚动条 &::-webkit-scrollbar { display: none; }
手机版浏览器禁止滚动条与释放实例
weixin_33832340的博客
09-08 250
<script> function ask(){ $(".ask").click(function(){ $("body").css("overflow","hidden"); $(".popwind").show(); $('body').bind("touchmove",function(e)...
解决如何去掉手机版HTML页面滚动条
09-12 420
<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" /> width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 ...
手机端HTML如何去掉滚动条的解决方案
葬爱家族王富贵
11-15 5706
默认的HTML5页面在手机浏览器测试中发现 横向，纵向滚动条都有 需要在head标签里加一句meta代码：   width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scal
jquery响应式全屏页面垂直滚动效果支持手机端全屏页面滚动
11-03
首先，要实现全屏效果，需要确保网页的body和html元素的宽度和高度都设置为100%，并去除默认的浏览器滚动条。接着，将主要内容容器的CSS样式设置为`height: 100vh; overflow: hidden;`，这样可以使其占据整个视口...
uniapp [全端兼容] - 详细实现scroll-view滚动视图区域强力隐藏去除滚动条，兼容“安卓/苹果“手机系统真机完美去掉横向和纵向滚动条效果，解决苹果ios真机无法隐藏去掉滚动条问题！
王佳斌
04-01 3546
uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，可滚动视图区域组件，scroll-view，滚动条，去除，隐藏，横向滚动条，纵向滚动条，安卓手机，苹果ios手机，无法去除隐藏滚动条，苹果安卓滚动条隐藏，ios苹果无法隐藏，没效果无效，真机出现滚动条如何隐藏，在安卓机上出现横向滚动条的解决办法，滚动视图隐藏横向滚动条，有滚动条怎么办，就是隐藏不掉，微信小程序去除隐藏去掉scroll-view滚动条，苹果ios系统手机去除，如何去掉滚动条，无法去掉io
去掉移动端h5页面滚动时的滚动条
reg183的专栏
10-17 1047
再包一层wrap,设置overflow:hidden。ul放在wrap里比wrap稍高，但是滚动条藏在wrap的hidden部分里。这样滑动条就不会出现了。如何去掉这两个滑动条呢。
uniapp之屏幕右侧出现滚动条去掉、隐藏、删除【好用！】
m0_49714202的博客
12-16 5019
uniapp之屏幕右侧出现滚动条去掉、隐藏、删除【好用！】
手机端html去掉滚轮,纯css隐藏移动端滚动条解决方案（ios上流畅滑动）
weixin_34327800的博客
06-26 1019
html代码展示(直接复制代码保存至本地文件运行即可)：移动端隐藏滚动条解决方案* {padding: 0;margin: 0;}.container {height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}.nav {height: 100%;overflow-x: scroll;...
移动端 左右滚动（无滚动条）导航栏
weixin_43297321的博客
08-04 2875
拉哥的一种方法 那个人的一种方法
手机端html去掉滚轮,移动端隐藏滚动条，css方法(示例代码)
weixin_35117981的博客
06-26 1309
小白第一次发文记录自己遇到的问题。关于隐藏移动端滚动条方法很多，这里只说本人用到的。在PC端隐藏html右侧默认滚动条html {/*隐藏滚动条，当IE下溢出，仍然可以滚动*/-ms-overflow-style:none;/*火狐下隐藏滚动条*/scrollbar-width: none;}/*Chrome下隐藏滚动条，溢出可以透明滚动*/html::-webkit-scrollbar{widt...
html5 css去掉移动端滚动条
TT5205658的博客
07-06 348
转发自https://www.jianshu.com/p/abb3cd429a74。
html去除页面的滑动条
WzhCsdnd的博客
03-11 7805
html去除页面的滑动条的几种方法
滚动条详解：跨平台iOS、Android、小程序滚动条隐藏及自定义样式综合指南
最新发布
JINGWHALE
04-21 2960
随着用户界面体验提升的要求，滚动条自定义样式以及滚动条隐藏精致化的需求日渐增加，本文详细介绍了小程序、iOS、Android平台滚动条的隐藏方法，以及滚动条一般自定义样式的方法。在保持界面整洁、避免内容溢出的同时，确保用户能够访问所有信息，提升浏览体验。
vue手机端隐藏滚动条
Heartnottowake的博客
04-07 3174
在app.vue中的style插入 :-webkit-scrollbar { width: 0 !important; } ::-webkit-scrollbar { width: 0 !important;height: 0; } 这样滚动条就全局隐藏了， 如果有需求想要开启滚动条，可以使用下里面方法： overflow-x: scroll; white-space: nowrap; 方法不错，纳入收藏 ...
移动端页面隐藏滚动条
YanG_2859390447的博客
04-11 2742
在PC端隐藏html右侧默认滚动条 html {/*隐藏滚动条，当IE下溢出，仍然可以滚动*/ -ms-overflow-style:none;/*火狐下隐藏滚动条*/ scrollbar-width: none;}/*Chrome下隐藏滚动条，溢出可以透明滚动*/ html::-webkit-scrollbar{width:0px} 移动端隐藏滚动条 ie/Edge的样式会使页面内所有滚动条隐藏。Chrom...
基于Vue.js的桌面端自定义滚动条组件VScroll
Vue.js 桌面端自定义滚动条组件 VScroll 是一个基于 Vue 2.x 开发的网页端轻量级超小巧自定义美化滚动条组件。该组件支持是否原生滚动条、鼠标移出是否自动隐藏、自定义滚动条尺寸及颜色等功能。该组件的设计思想...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值