Question

我只是搞乱了FullPage.js扩展，看看它是否可以帮助我实现我想要的结果。基本上我想要一个div作为所有部分的背景，在我的情况下它不是我想要保留在后台的视频或图像，但是三次动画每次运行脚本会浪费资源。我已经尝试了

 <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>

并设置section属性

background: transparent;

也许你可以尝试一下。

FullPage.js 1 div是所有部分的背景

2 个答案: