David Asked: 2020-03-18 15:31:43 +0800 CST 2020-03-18 15:31:43 +0800 CST 2020-03-18 15:31:43 +0800 CST 如何隐藏滚动条? 772 我想将自己scrollbar从用户的视图中移除,因为目前我不知道为什么当标记错误时,我的表单上方会出现一个框,因此会向我的表单移动几个像素,并且在这个移动中scrollbar水平在我的表单底部出现,我想知道是否有办法隐藏scrollbar,使其不再可见。 示例图片: html 5 Answers Voted lromeraj 2020-03-22T06:49:31+08:002020-03-22T06:49:31+08:00 确实 withoverflow: hidden;可以解决,但我认为这不是正确的方法,因为这样你就禁用了里面的滚动<div>,但在你的情况下,这并不重要,因为不需要滚动,但是......如果您添加更多内容并且需要滚动并同时隐藏滚动条会发生什么? 使用以下 CSS 样式可以解决它: ::-webkit-scrollbar { display: none; } 这将隐藏所有滚动条,但如果您愿意,您可以将该样式应用于仅具有 id 或类的一个元素。 我希望它有帮助 Best Answer user2930137 2020-03-18T15:32:45+08:002020-03-18T15:32:45+08:00 你可以用 CSS 来做到这一点overflow: hidden; Hector Lara 2020-03-22T13:35:23+08:002020-03-22T13:35:23+08:00 您可以使用该属性overflow: hidden;来隐藏水平和垂直滚动条。 如果你只想隐藏你的水平滚动条,你可以使用 or 属性overflow-x: hidden;来表示垂直 overflow-y: hidden;大小写。 Daniel Abril 2022-09-12T03:14:18+08:002022-09-12T03:14:18+08:00 虽然这个问题有些老了,但我想我必须回答,因为已经给出的答案基本上是一个补丁。那么我们有两个问题: 解决产生该滚动的原因。根据我的经验,我会说原因是这个警报的宽度CSS 规则等于也有padding的父级。解决方案是使用 width: 100%; 在警报中,因为否则在添加父级的填充时,可用空间较少并导致溢出。我给你一个模拟。 section { box-sizing: border-box; overflow: auto; width: 240px; height: 120px; padding: 24px; background: lightgrey; border-radius: 12px; } .alert { box-sizing: border-box; width: 240px; padding: 12px; background: red; border-radius: 6px; } .alert2 { box-sizing: border-box; width: 100%; padding: 12px; background: red; border-radius: 6px; } <section> <div class="alert">Alert box con scroll</div> </section> <section> <div class="alert2">Alert box sin scroll</div> </section> 如果警报已经有 100% 的宽度,那么原因可能是它有边距,因此解决方案将是以下两种之一:1)删除边距;2)从宽度中减去它们width: calc(100% - [valor del margin]*2) 对于那些真正需要隐藏滚动条的人,在这样做之前,我建议您阅读这篇文章:使用 CSS 隐藏滚动条 您将能够学习不同的方法以及解决许多问题的替代方案你得出的结论是他们必须隐藏它。 Facundo Lavin 2020-11-26T23:02:03+08:002020-11-26T23:02:03+08:00 要删除垂直滚动,请将此代码放入您的style.css文件中,您 不需要 JavaScript。试试看: html,body{ overflow-x: hidden; color:black; font-family:'Opens Sans',helvetica; height:100%; width:101%; margin: 0px; padding: 0px; }
确实 with
overflow: hidden;
可以解决,但我认为这不是正确的方法,因为这样你就禁用了里面的滚动<div>
,但在你的情况下,这并不重要,因为不需要滚动,但是......如果您添加更多内容并且需要滚动并同时隐藏滚动条会发生什么?使用以下 CSS 样式可以解决它:
这将隐藏所有滚动条,但如果您愿意,您可以将该样式应用于仅具有 id 或类的一个元素。
我希望它有帮助
你可以用 CSS 来做到这一点
overflow: hidden;
您可以使用该属性
overflow: hidden;
来隐藏水平和垂直滚动条。如果你只想隐藏你的水平滚动条,你可以使用 or 属性
overflow-x: hidden;
来表示垂直overflow-y: hidden;
大小写。虽然这个问题有些老了,但我想我必须回答,因为已经给出的答案基本上是一个补丁。那么我们有两个问题:
width: calc(100% - [valor del margin]*2)
要删除垂直滚动,请将此代码放入您的style.css文件中,您 不需要 JavaScript。试试看: