Javascript 如何在单页布局中设置固定位置图像

我正在使用fullpage.js组件进行单页设计。代码是这样的

<div id="fullpage">
    <div class="section" id="section1">Some section</div>
    <div class="section" id="section2">Some section</div>
    <div class="section" id="section3">Some section</div>
    <div class="section" id="section4">Some section</div>
</div>

某段
某段
某段
某段

我想建立一个固定的形象-这是标题标志从第2节开始

第1部分将是一个照片背景-但第2/3/4页-我想有一个标题div/图像固定为页面/部分滚动

可能吗

代码笔：

---

谢谢

您可以使用一行

css

.fp-viewing-0 .title.fixed{
  visibility: hidden;
}

如果希望使用

转换

或

延迟

---

查看

检查。这非常有效。。。一个问题-有没有办法使外观更优雅？比如不透明度等？@Hypermail是的。我会更新代码笔并回复你。正如我所知，fullpage.js中有一个名为onLeave的回调函数。你可以用它。当您离开第一部分时，您可以为隐藏的图像添加fadeIn或slideDown jquery效果，当您返回第一页时，您可以隐藏图像。[fullpage.js的回调函数][1][1]：