时间戳

首页 > 解决方案 > 即使向下滚动，如何使html，body覆盖全屏

html - 即使向下滚动，如何使html，body覆盖全屏

问题描述

我知道你们中的一些人可能对这个问题并不感到惊讶。但我遇到的这种情况似乎完全不同。在这个新项目中，当我设置{ height: 100% }或{ min-height: 100% }到<html>和<body>时，它们只覆盖当前可见区域。但是当我向下滚动时，它们只是没有覆盖下面。那么如何解决这个问题呢？

html
  min-height: 100%
  margin: 0
  padding: 0
  @include Scroll
body
  min-height: 100%

@mixin Scroll
  ::-webkit-scrollbar-track
    background-color: $trans-black
  ::-webkit-scrollbar
    width: 10px
    height: 10px
  ::-webkit-scrollbar-thumb
    border-radius: 5px
    background-color: $cyan
    background-clip: padding-box
    min-height: 28px
  ::-webkit-scrollbar-thumb:hover
    background-color: $h-cyan

其他网站
html元素的样式我的html元素样式，其高度等于当前浏览器窗口的高度
似乎其他网站在这方面做得很好。他们如何设置高度等于所有内容的高度，而不仅仅是当前可见区域的高度？

标签： htmlcssreactjs

解决方案

推荐阅读