避免高度为100vh的Y形滚动条；h-screen；
避免高度为100vh的Y形滚动条意味着我们需要避免在页面中出现垂直滚动条。通常情况下，当内容的高度超过可见窗口的高度时，浏览器会自动显示垂直滚动条，以便用户可以滚动查看隐藏内容。然而，如果我们希望页面的内容铺满整个可见窗口，同时又不想显示垂直滚动条，可以采用以下方法：
- 使用h-screen类：h-screen是一个自定义的CSS类，用于将元素的高度设置为屏幕的高度，这样可以确保元素完全填充整个可见窗口，不会出现垂直滚动条。
推荐腾讯云相关产品和产品介绍链接地址：
- 如果您需要在腾讯云上部署网站或应用程序，可以考虑使用云服务器CVM，它提供灵活可扩展的计算能力和高可靠性，以满足您的需求。详细信息请访问：腾讯云云服务器。
请注意，答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。
相关·内容
我想水平和垂直对齐一个元素，但y滚动条有问题。 这是一个成功的页面。简单的结构:导航栏，主页面，页脚。我使用的是TailwindCss。大体上，我会将一个图标居中，上面写着“谢谢你”！垂直的和水平的。我也可以用flex做这件事。<div> <div class="flex
浏览 41提问于2021-10-20得票数 0
-- a whole lot of content, very tall, height > 2000 px --></div>这是相当容易克服的，我只需要将scroll-y-auto添加到div.content。因此，主体滚动条消失，div
浏览 6提问于2022-05-04得票数 0
回答已采纳
1回答
-- sidebar -->
<div class="sidebar bg-blue-800 text-blue-100 w-64 space-y-6 py-7 px-2 absoluteinset-y-0 left-0 transform -translate-x-full md:relative md:translate-x-0 transition duration-200 ease-in-out
浏览 3提问于2021-12-31得票数 2
回答已采纳
2回答
当我这样做时，它将完全禁用滚动条。另外，如果我将主容器的高度设置为100 it，那么滚动条将返回，但它会切断第一部分的一半。 color: var(--textColor); box-sizing: border-box; min-height: 100vhflex; align-items: center;
浏览 5提问于2022-04-14得票数 1
回答已采纳
1回答
我正在尝试创建一个没有任何库的自定义模式。此模式显示当前用户，根据活跃用户的数量，它可能会变得非常大。如果模式中的元素数量超过了屏幕底部，我就看不到整个模式。理想情况下，我希望模式总是居中并包含在屏幕中，如果有太多的元素，那么用户可以在不移动背景的情况下向下滚动模式。任何帮助都是非常感谢的！ 到目前为止，这就是我所说的，但它还远未正确。
浏览 14提问于2021-08-03得票数 3
1回答
右侧面板中的内容是由javascript动态生成的，因此它有时会比屏幕更长。Main Feed
style="overflow-y:
浏览 22提问于2019-11-04得票数 0
回答已采纳
我想设计一个符合以下标准的柔性盒布局：header将有基于内容的计算高度(文本的行高+填充+边距)main高度应始终等于模态高度(100 be )-标头heightif main的子级高度高于main的计算高度
浏览 5提问于2022-08-31得票数 0
回答已采纳
我正在尝试设计一个带有CSS3视图的两列主题。我的css和html看起来- padding:0;} width: 20vw; float:left; width: 80vw; float: left;<div但是如果我删除了hei
浏览 0提问于2015-01-05得票数 2
回答已采纳
3回答
我正在尝试以下的风格： height:auto; overflow:auto; 我的要求是：
如果div中的内容超过屏幕大小，则滚动条应该出现在div中。
浏览 4提问于2013-12-10得票数 47
回答已采纳
1回答
在我的height: 100vh页面中，当我试图展开这些折叠折叠时，页面高度得到了扩展，滚动条也出现了，这稍微增加了我想要避免的页面宽度。
浏览 3提问于2019-07-31得票数 0
我想避免滚动条在应用程序的主体，无论窗口高度。为此，我使用vh CSS单元来根据视口高度动态地设置高度。当然，这在消除滚动条方面并不总是有效的，因为导航条是一个固定的高度，所以如果您足够地降低窗口高度，那么导航条可能会大于浏览器窗口高度的10%。我试图通过动态设置导航栏高度来避免这种情况：
tags$head(tags$styl
浏览 3提问于2022-04-09得票数 0
假设我有一个高度为10000px的div。由于div的高度大于用户的视区，因此浏览器将显示滚动条。我想知道我是否可以隐藏滚动条，但仍然可以在div中滚动。我尝试在父div上使用overflow-y: hidden;和height: 100vh;，但是，这不允许我滚动。 如你所见，在下面的代码片段中，滚动条是隐藏的，但我无法滚动以查看第三个图像。 .parent {
bac
浏览 20提问于2020-02-01得票数 0
回答已采纳
3回答
通过这样做，我添加了一个滚动效果：section { height: 100vh; align-items:center; scroll-snap-align: start; scroll-snap-type: ymandatory; height: 100vh;<div cla
浏览 6提问于2021-07-26得票数 0
2回答
我正在编写这个页面：，它的主屏幕/主屏幕的内容很长，所以你当然需要滚动到底部，直到碰到页脚，FAQ屏幕也是这样，但是还有另外两个屏幕=>“关于我们”和"Contact“，它们有一个不必要的(而且很少，但无论如何都是不必要的)滚动，=>您可以在这张图片中看到它：
我试着改变页脚位置类或做一些类似于高度的东西: calc (100 it填充)，但是必须有更好的解决方案，如果您可以访问这个页面并告诉我如果您有任何解决方案，它将是真正<em
浏览 5提问于2022-10-11得票数 0
回答已采纳
1回答
我正在写一个移动使用antd-mobile的单页应用程序，在页面的底部有一个标签栏，你可以看到的项目列表的背景是灰色的，问题是当我向下滚动到底部时，标签栏覆盖了的内容。
浏览 1提问于2017-08-09得票数 0
当我使用Firefox显示下面的片段时，带有类div的h-100被分配为完整的页面高度(100vh)，然后添加nav的高度，从而生成第二个滚动条。我想要的是只有div和overflow-y: auto应该有一个滚动条。
奇怪的是，在Chrome和Safari中，代码的行为似乎和我想要的一样。我的HTML/CSS是否有问
浏览 0提问于2018-12-07得票数 0
回答已采纳
如何最好地将页面限制为视区的高度？我想管理子元素上的溢出-y，但似乎无法获得要约束的高度--我只能管理以像素或百分比为单位的最大高度。我认为我需要将某些元素的高度限制到视口高度的剩余部分(而不是百分比)，但我找不到这样做的方法。 (我正在使用bootstrap，但我怀疑答案不是以bootstrap为中心的。)</
浏览 18提问于2020-11-10得票数 0
回答已采纳
1回答
我制作了一个对话框，并给它一个固定的高度。我想保持这个高度，但是我有两个滚动条，而且只有一个可以继续滚动。下面是我的HTML代码：</div>@media (min-width:
浏览 11提问于2020-02-25得票数 0
3回答
顺风CSS不必要的空白
、、、、
我正在尝试使用我在顺风工具箱上找到的，并且我试图根据我的喜好定制它。我已经将代码从模板分解成3个单独的文件，如下所示，当我用类似于children的东西替换主文件中的test变量时，我会得到一个滚动条，页面底部有很多额外的空格，如下所示
导入导航栏和侧栏的“maindefault function Main({ name, children }) {
<div className="bg-gray-
浏览 5提问于2021-07-08得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
