如何去除浏览器的滚动条

最新推荐文章于 2025-10-22 16:31:52 发布
原创 最新推荐文章于 2025-10-22 16:31:52 发布 · 7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

让竖条没有： 
<body style=`overflow:-Scroll;overflow-y:hidden` >   
</body>   


让横条没有： 
<body style=`overflow:-Scroll;overflow-x:hidden` >   
</body>   


两个都去掉？更简单了   
<body scroll="no" >   
</body>  
CSS - 隐藏浏览器自带滚动条（Chrome | Safari | Firefox | IE | Edge）
🏆 前端领域优质创作者
05-10 1万+
前言 无论横纵滚动条全部隐藏。 有时候，我们需要隐藏浏览器的默认滚动条，无论内容是否超出都不显示。 一、Chrome | Safari 谷歌与苹果自带浏览器，隐藏办法如下代码。 *::-webkit-scrollbar { display: none; } 二、Firefox 火狐浏览器，隐藏办法如下代码。 * { scrollbar-width: none; } 三、IE | Edge IE 与微软浏览器，隐藏办法如下代码。 * { -ms-overflow-style: none; }
【我的前端】CSS在Windows下实现Mac浏览器滚动条
生产队的刘同学
08-27 1956
用css和js在在Windows系统中实现Mac浏览器滚动条
vue项目去掉网页滚动条
weixin_43550562的博客
08-24 1万+
去掉网页滚动条
隐藏滚动条
Endeavor_No1的博客
03-30 2197
加一句：::-webkit-scrollbar {display:none}
微信小程序隐藏滚动条多种方法教程
最新发布
肥晨开发的学习之路
10-22 945
在微信小程序开发中，为了获得更好的用户体验和视觉一致性，经常需要隐藏默认的滚动条。本文将详细介绍多种隐藏滚动条的方法及其适用场景。
css如何去除页面滚动条
tianxianghuiwei的博客
09-27 2138
提示下，如果碰到没有滚动条而鼠标又没有滚轮的朋友，该怎么浏览网页呢？呵呵，大家可以用键盘上面的方向键上方的PageUp和PageDown来上下翻页，也可以用空格往下拉网页和Shift+空格往上拉网页，还有一个方法就是用上下方向键来拉动，另外还有按Home键回到网页顶部，End键到。就可以了，这样滚动条就不会显示出来了。呵呵，既然我说了不影响浏览，那当然是有方法的，浏览的方法就是用鼠标的滚轮，虽然滚动条没了，可是鼠标滚轮还是能够让网页上下滚动的。达网页底部，呵呵，是不是方法很多呢？在body{}中加入。
隐藏浏览器滚动条但内容可以滚动的3种解决方式（简单清晰）
zhouzuoluo的博客
12-05 1万+
第一种：使用纯css样式属性隐藏滚动条  ：火狐浏览器的css写法不兼容 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-widt
vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条
01-09
本篇文章将详细探讨如何在Vue项目中自定义浏览器滚动条，同时确保兼容大部分浏览器，包括较为古老的Internet Explorer（IE）。 首先，我们需要理解浏览器滚动条的工作原理。滚动条由两个主要部分组成：轨道（track...
JS去除iframe滚动条的方法
10-24
最后，给定文件还提到了一点重要的内容，即在实际应用去除滚动条功能时，可能需要根据具体情况调整代码，以确保在所有主流浏览器中都能正常工作。开发者可以采取多种措施，比如使用浏览器前缀、多浏览器测试等方法，...
textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法
12-13
要去掉`textarea`的滚动条，可以分别使用`overflow-x`和`overflow-y`属性来控制横向和纵向的滚动条。例如，如果你想要隐藏`textarea`的横向滚动条，可以这样设置： ```html ;"> ``` 同样，如果想隐藏纵向滚动条，...
去浏览器滚动条代码
04-20
尤其是在制作一些全屏背景、沉浸式体验或者演示文稿时，去除浏览器滚动条的需求尤为突出。本文将详细介绍如何通过CSS来实现这一功能，并探讨不同浏览器间的兼容性问题。 #### 二、核心代码解读 根据题目中的描述...
去掉WebBrowser的边框和滚动条
08-30
老问题，新解法：关于去掉WebBrowser的边框和滚动条 连接点+SetUIHander方法 关键代码
滚动条如何设置样式和滚动条悬浮显示与隐藏
热门推荐
weixin_44784401的博客
04-13 2万+
滚动条如何设置样式和滚动条悬浮显示与隐藏
html去除页面的滑动条
WzhCsdnd的博客
03-11 8630
html去除页面的滑动条的几种方法
css 页面去除滚动条方法
qq_39111074的博客
04-17 1万+
css 页面去除滚动条方法
如何去掉浏览器页面的滚动条
weixin_45681173的博客
06-23 1322
在用vue+ElementUI做网站时，要求去掉首页的滚动条1、在vue页面里允许使用多个标签 2、::-webkit-scrollbar用于是webkit内核的浏览器
去掉原生html的滚动条
zerofine的专栏
04-07 1774
::-webkit-scrollbar {     width: 0px;              }
Axure怎么使用代码去掉浏览器横向滚动条
09-21
在Axure RP中，本身并不支持直接编写JavaScript代码来控制浏览器的滚动条显示，因为这通常是浏览器级别的设置，而不是原型设计工具的功能。然而，如果你想要在导出的HTML文件中实现这个效果，可以借助一些技巧： 1. 使用CSS隐藏滚动条：在项目预览模式下，你可以添加CSS样式到页面的全局选择器上，如`.html`或`.body`，设置滚动条的样式为`overflow-y: hidden;`，这样默认情况下就不会显示水平滚动条。例如： ```css html, body { overflow-x: hidden; } ``` 2. JavaScript（仅限于导出后的HTML）：如果需要更精确的控制，在导出的HTML模板里，可以在<head>部分加入脚本，通过JavaScript动态修改元素的样式： ```javascript window.onload = function() { document.body.style.overflowX = &#39;hidden&#39;; }; ``` 但请注意，这种方法只会影响导出后的HTML页面，并不会影响Axure本身的交互设计。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值