FullPage.js 1 div 成为所有版块的背景

Question

我只是在摆弄 FullPage.js 扩展，看看它是否可以帮助我实现我想要的结果。基本上我想要一个 div 作为所有部分的背景，在我的例子中，它不是我想保留在背景中的视频或图像，而是一个 threejs 动画，它会浪费资源运行脚本每次。我已经试过了

 <div id="fullpage">
  <!-- id="webgl" Three js script would be loaded here --> 
  <div class="section">Some section</div>
  <div class="section">Some section</div>
  <div class="section">Some section</div>
</div>

我试过这个来设置 div 的样式，其中脚本加载了

#webgl{
 width: 100%; 
 height: 100%;
 position: fixed;
}

到目前为止，只有第一部分的内容会根据需要显示在加载的脚本上，但是当我滚动到第二部分时，即使位置固定，脚本也不再可见。有人有什么想法吗？

Answer 1

也许你可以添加 "overflow:scroll;"

Answer 2

如果你想固定背景，可以试试background-attachment 属性，在内容中添加以下内容。

background-attachment: fixed;

或者，您是否尝试过将固定内容放在整页元素之外：

<!-- id="webgl" Three js script would be loaded here -->
<div id="fullpage">

  <div class="section">Some section</div>
  <div class="section">Some section</div>
  <div class="section">Some section</div>
</div>

并设置部分属性

background: transparent;

或许你可以试试

FullPage.js 1 div 成为所有版块的背景

FullPage.js 1 div be a background for all sections

javascript

jquery

css-position

three.js

fullpage.js