如何去掉网页的横向滚动条，竖向滚动条

最新推荐文章于 2025-08-01 17:30:42 发布
原创 最新推荐文章于 2025-08-01 17:30:42 发布 · 1.5k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
CSS

当前文章被收录于：

CSS
12 篇文章 1 人学习
订阅专栏 查看详情
本文介绍如何使用HTML属性来隐藏网页中的垂直和水平滚动条，提供了一种简洁的方法来禁用iframe内的滚动，适用于网页设计和优化。

让竖条没有： 
 

<body style=`overflow:-Scroll;overflow-y:hidden` >   
</body>   


让横条没有： 
 

<body style=`overflow:-Scroll;overflow-x:hidden` >   
</body>   


两个都去掉？更简单了   
<body scroll="no" >   
</body>  

在这里面body中加，在页面作为ifarme跳转的时候也起作用
 

标签
#css
css使横向滚动栏消失
weixin_65451509的博客
09-19 3425
需要注意的是，这种方式只能屏蔽webkit内核浏览器的滚动条，而对于其他浏览器则无效。结语 屏蔽横向滚动条可以提升用户的体验，同时也增加了页面的美观性。以上两种方法可以灵活运用，根据不同需求选择适合的方式进行处理。这种方法会将横向滚动条隐藏，但并不会禁止用户使用键盘方向键控制水平滚动。
css如何去除页面滚动条
tianxianghuiwei的博客
09-27 2226
提示下，如果碰到没有滚动条而鼠标又没有滚轮的朋友，该怎么浏览网页呢？呵呵，大家可以用键盘上面的方向键上方的PageUp和PageDown来上下翻页，也可以用空格往下拉网页和Shift+空格往上拉网页，还有一个方法就是用上下方向键来拉动，另外还有按Home键回到网页顶部，End键到。就可以了，这样滚动条就不会显示出来了。呵呵，既然我说了不影响浏览，那当然是有方法的，浏览的方法就是用鼠标的滚轮，虽然滚动条没了，可是鼠标滚轮还是能够让网页上下滚动的。达网页底部，呵呵，是不是方法很多呢？在body{}中加入。
css 页面去除滚动条方法
qq_39111074的博客
04-17 1万+
css 页面去除滚动条方法
css 隐藏滚动条 横向滚动
Koreyoshi123654的博客
05-16 477
css 隐藏滚动条 横向滚动
解决页面设计出现横向滚动条及四周存在白色空隙问题
最新发布
m0_74790361的博客
08-01 370
因此解决方法便是修改这两个，把原本的100vw改成100%，以及添加overflow-x来隐藏滚动条（下面overf-y为隐藏纵向滚动条，代码中为修改注释）它并不会影响到全局标签如<html>和<body>。而<style>可以作用全局，因此还需要添加<style>的设置。因为现在是在 <style scoped>编写代码，但 <style scoped>问题就出在于total_style中设置的问题。可见滚动条消失，但是间隙仍然还在。，多出来的部分会把滚动条撑开。会包含滚动条宽度，因为没有。
网页要去掉横向滚动条和竖向滚动条
longe20111104的博客
05-19 288
网页要去掉横向滚动条和竖向滚动条： 让竖条没有： <body style=`overflow:-Scroll;overflow-y:hidden` > </body> 让横条没有： <body style=`overflow:-Scroll;overflow-x:hidden` > </body> 火狐底部滚动条不显示： html { overflow:-moz-scrollbars-vertical; } ...
去除网页滚动条的方法
08-05 975
默认状态下，当网页内容较多的时候，各网页浏览器会自动显示滚动条，在某些时候，我们不想显示滚动条，下面教你一些代码，可以去除横向滚动条、竖向滚动条、以及整体全部的滚动条，这些代码主要添加在页面的&lt;body&gt;标签后面： 去掉垂直方向（上下拉）的滚动条: &lt;body style="overflow:scroll;overflow-y:hidden"&gt;网页正文&lt;/bod...
使用elementUI滚动条之横向滚动
农码精神
01-31 8282
使用elementUI滚动条之横向滚动 用过elementUI组件应该会知道它内置一个滚动效果，官网对此组件没有相关文档,也是细心网友发现的。 &lt;el-scrollbar&gt;&lt;/el-scrollbar&gt; 将会出现滚动的内容放到上述标签内就可以了。这里要简单的设置一下，将标签的height设为100%，读者查...
vue实现横向滚动条显示，竖向滚动条隐藏但能滚动
weixin_43904427的博客
05-12 9113
一开始的需求是横向竖向都隐藏但能滚动，有两种方法： 在滚动区域外面加一层div，设置overflow：hidden；或者设置scrollbar的display属性。 // 方法一，设置父级元素overflow：hidden <div class="outer"> <div class="inner"></div> </div> ... <style> .outer { overflow: hidden; } .in
iframe 去掉竖向滚动条
jenly10的专栏
03-12 7920
1、主页面的iframe  scrolling 属性设置为 yes 或者 atuo            2、子页面内 body 样式设置为     style='overflow: scroll;overflow-y:hidden'  去掉 竖向滚动条     style='overflow: scroll;overflow-x:hidden'  去掉横向滚动条
横向滚动条并且隐藏竖向滚动条
weixin_33762321的博客
10-23 1459
怎么用CSS给html加横向滚动条并且隐藏竖向滚动条 解决方法：隐藏竖向滚动条在子页面的&lt;html&gt;标签里加入以下格式:&lt;html style="overflow: auto; overflow-y:hidden"&gt;,style="overflow:auto"，当内容超出范围之后，就会自动有滚动条了。设置div横向滚动条div &lt;style="overflow:sc...
python selenium 滚动条处理、页面拖动
热门推荐
春天的波菜
05-25 1万+
　　selenium中没有直接控制滚动条的方法，可以使用方法:execute_script()，可以直接执行js的脚本。 　　一、竖向滚动条控制，三种方法总有一款适合你。 　　　　1.滚动条拉到最底： 　　　　　　js="var q=document.documentElement.scrollTop=10000" 　　　　　　driver.execute_script(js) 　...
表格固定第一行，且增加横向与竖向滚动条
my_whale的博客
05-21 662
<!DOCTYPE html> <html lang="en"> <head> <title>表格固定第一行，且增加横向与竖向滚动条</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css">.
CSS定义网页滚动条和去掉滚动条的方法
linwei_hello的专栏
11-21 2042
（一）滚动条样式主要涉及到如下CSS属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden; 禁止横向的滚动条 overflow-y: scroll; 总是显示纵向滚动条 （二）以下代码定义滚动
uniapp [全端兼容] - 详细实现scroll-view滚动视图区域强力隐藏去除滚动条，兼容“安卓/苹果“手机系统真机完美去掉横向和纵向滚动条效果，解决苹果ios真机无法隐藏去掉滚动条问题！
🏆 前端领域优质创作者
04-01 5318
uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，可滚动视图区域组件，scroll-view，滚动条，去除，隐藏，横向滚动条，纵向滚动条，安卓手机，苹果ios手机，无法去除隐藏滚动条，苹果安卓滚动条隐藏，ios苹果无法隐藏，没效果无效，真机出现滚动条如何隐藏，在安卓机上出现横向滚动条的解决办法，滚动视图隐藏横向滚动条，有滚动条怎么办，就是隐藏不掉，微信小程序去除隐藏去掉scroll-view滚动条，苹果ios系统手机去除，如何去掉滚动条，无法去掉io
干死该死的横向滚动条
夏2同学的博客
01-11 1799
一、情景描述 开发者小蒋按照1920*1080的分辨率进行开发，他写的所有元素的宽度都没有超过1920，但是却出现横向滚动条，小蒋百思不得其解，最终求教程序员大尤。 可能的问题原因： 任务栏左置，实际横向宽度只有1918 浏览器的竖向滚动条占了20px，横向宽度实际只有1900 二、解决办法 问题1：任务栏左置，实际横向宽度只有1918 当任务栏居左时，横向只有1918px。 2px被操作系统拿去做侧边栏感应了。 所以少了2px。 实践解决 右键—>任务栏设置-----> 调整至底部
如果去除div显示的横向滚动条
喜爱兰兰
01-04 8688
试过很多方法，最简单最暴力的就是给body添加一个overflow-x:hidden的样式。 该样式的意思就是不显示超出部分，并禁止添加横向滚动条。同理overflow-y：hidden是消除竖向滚动条，对应的还有overflow:hidden。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值