使用overflow：hidden；无法去掉滚动条问题

最新推荐文章于 2024-11-10 22:45:39 发布

^^为欢几何^^

最新推荐文章于 2024-11-10 22:45:39 发布

阅读量358

点赞数 3

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_52526079/article/details/139688206

版权

    <div class="bg">
        <img src="@/assets/imgs/home-page.png" alt="首页图" style="width: auto; height: calc(100vh - 64px)">
        <div class="text">
            <h1>亿色科技 易于生活</h1>
        </div>
    </div>

用计算属性计算产生滚动条的一边，如高度

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

^^为欢几何^^

关注关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS中使用overflow时想要隐藏滚动条，仍然可以滚动

CssHero的博客

12-20

1117

使用overflow时，想要隐藏滚动条，但还想要可以继续滚动

HTML隐藏滚动条，还带着滚动效果

小天空的博客

09-22

8344

取巧的方法，原理是通过给滚动条所在块元素外嵌套一个块元素，调整边距，覆盖隐藏。例如第一步：给div外部创建一个同样大小的div。第二步：给父元素div设置超出部分遮挡，overflow: hidden;子元素div调整边距使其隐藏在父元素div之下即可。注意：如果是给整个页面设置，可以父元素（html）子元素（body）

参与评论您还未登录，请先登录后发表或查看评论

如何隐藏overflow: scroll的滚动条，但是滚动功能还在(保留滚动功能)

有问题可关注公众号：前端研究院后台输入问题回复

07-21

1万+

::-webkit-scrollbar { /*隐藏滚轮*/ display: none; }

移动端开发（一）：解决body体中设置overflow:hidden;屏幕仍然会出现滚动条问题

top_liqian的博客

10-25

6879

解决body体中设置overflow:hidden;屏幕仍然会出现滚动条问题解决方法为：在body体内设置固定定位，top为0，left为0即可，同时设置html标签overflow:hidden; body{ position: fixed; top: 0; left: 0; width: 100%; heig

内容超出DIV宽高后隐藏或出现滚动条和overflow的属性

热门推荐

瑰的博客

09-12

1万+

div{overflow:hidden} 这样设置后，假如DIV对象设置一定宽度高度，此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。 overflow 一共有5个属性 1、overflow: auto ; //内容会被修剪，超出设置的宽高后会出现滚动条 2、overflow: scroll ; //内容会被修剪，不管内容是否...

html，小程序scroll-view去除滚动条

01-08

子盒子添加内容溢出滚动条显示属性 overflow-y:scroll 并设置好宽高可实现隐藏滚动条也可是滚轮触发滑动，使用此方法无法监听window的滚动条事件。代码示例： .box{ width:300px; height: 400px; overflow: ...

css overflow: scroll 去滚动条后，低端手机有兼容问题，可以这样

会飞的程序猿

10-15

513

// 去除滑动条，但是低端机有兼容性问题，可以最外层加个div，样式如：.css-jc .overflow::-webkit-scrollbar { display:none; } .css-jc { height: 1.55rem; padding: .2rem .4rem; overflow: hidden; } .css-main { overflow: scroll; font-size: 0; white-spac.

overflow:auto;导致子元素定位随着滚动条滚动而向上滚动

a__person的博客

01-17

2411

相对定位的父元素;设置overflow:aotu;之后;相对定位的子元素会随着父元素滚动当我们将红色div的buttom属性设置为-100的时候;也就是将红色div在父元素外定位红色div在定位父元素的下面,并且没有在页面上显示,当我们滚动滚动条的时候,红色div显示在页面上,并且和刚刚的效果一样,是随着父元素的滚动而滚动的; 那么外层父元素的滚动条和里面的文字信息撑起来的高度有没有关系呢?我们把...

textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

12-13

要去掉`textarea`的滚动条，可以分别使用`overflow-x`和`overflow-y`属性来控制横向和纵向的滚动条。例如，如果你想要隐藏`textarea`的横向滚动条，可以这样设置： ```html <textarea id="txtComments" style="...

HTML 隐藏滚动条和去除滚动条的方法

09-28

有时为了保持网站界面的一致性和美观性，开发者会选择隐藏或完全去除滚动条。接下来，我们将详细探讨如何隐藏滚动条和去除滚动条。首先，隐藏滚动条的常见方法是通过CSS样式来实现。具体操作如下： 1. 通过html...

IE6,IE7下设置body{overflow:hidden;}失效Bug

王旭东

04-02

118

最近做项目发现在IE7下设置body{overflow:hidden;}后还是会出现纵向滚动条，所以上网查查了，在这里记录一下：设置body{overflow:hidden;}：IE6 IE7下不生效。IE6下横向纵向滚动条都在，IE7下纵向滚动条还在；分析原因：chrome、firefox会初始付值给html{overflow:visible;} IE6 ...

html内容溢出,overflow:auto导致出现滑动条或者 overflow:hidden导致丢失元素边缘内容解决方法（附带分享自用重置浏览器样式代码）

秋叶原的黑猫的博客

07-26

4220

如标题所说，在子元素内容的宽度并没有超过屏幕大小的情况下，设置了width100%后，再设置overflowauto会出现无意义的左右滚动条（如下图）。又或者设置了overflowhdden，会出现右边内容显示不全，但左边外边框显示正常的情况。...

关于overflow-x: hidden隐藏滚动条失效的解决方案

qq_38472451的博客

04-19

337

关于overflow-x: hidden隐藏滚动条失效的解决方案

隐藏滚动条overflow-y:hidden 不滚动问题解决

sw_onload的博客

06-23

7755

一般想要页面滚动又不想出现滚动条，网上大多回答是overflow-y:hidden,然而我发现并没卵用，反而造成页面无法滚动。要想真正实现效果，可以给父元素overflow:hidden 然后子元素设置overflow:scroll就能隐藏y轴的滚动条，但是x轴的还会出现。需要注意的是父元素需要设置高度或最小高度，否则会失效 ...

关于overflow-x:hidden;不能隐藏水平滚动条的解决办法

llqkl0214的专栏

05-27

4059

<br /><br />在本地测试时发现网页里出现了水平滚动条，试着在body里设置了overflow-x:hidden;后在本地预览会发现水平滚动条被隐藏了。<br />但是发布到网上之后，网页里还是会出现水平滚动条，这个时候在body里设置overflow-x:hidden;并不起作用，怎么办呢？<br />在css里再加一句就可以了html{overflow-x : hidden ; height : 100% ; margin : 0 ; padding : 0 ; }

如何隐藏overflow滚动条

c_s_d_na的博客

03-26

5890

css overflow滚动条隐藏 1.使用css样式隐藏，比如vue项目可以直接写到app.vue中，整个全局就看不到滚动条了 scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { // chrome safari display: none; }` 2.利用外部容器overflow：hidden，内部滚动容器设置padding撑开滚动条 .

前端 Flex 布局语法详解