Question

我正在使用图像作为全屏背景。当我在下面放置一个新的div时，该div的内容将与图像混合在一起，而不是允许滚动。

<div id="header">
  <img id="title-text" src="Logo-text.png">
</div>
<div class="body-text" id="font-title">&nbsp;
  <h2 class="text-width">Our Forests Are Under Attack!</h2>
  <p class="text-width" id="font-body">Sample text that should display below image.</p>
</div>

df %>% mutate (
    newvar = case_when(
        xor(is.na(var1), is.na(var2)) ~ pmax(var1, var2, na.rm = TRUE),
        !is.na(var1) & !is.na(var2) ~ (var1 + var2)/2,
        TRUE ~ NaN
    )
)

Answer 1

据我了解，您希望在浏览器中打开文件后首先看到的页面为为空白，并且当您向下滚动时可以看到您的内容。为此做一个空的容器 <div class="empty-page"></div>，并将其在css文件中的高度设置为100 vh（视口高度）。

.empty-page { 
      height: 100vh;
    }

<body>
    <div class="empty-page"></div>
    <!-- your rest of the code -->
    <h1>THIS IS A HEADING</h1>   
</body>

跳过HTML中的整页的最佳方法是什么？

1 个答案: