Javascript 如何在fullpage.js中应用固定背景

我不是问如何制作背景图像，我知道怎么做。我问的是如何应用一个固定的背景，在整个网站上保持不变，而不移动。向上/向下滚动将在幻灯片内容中移动。 我的当前代码将背景图像设置为第一张幻灯片，后续幻灯片为白色

这就是我到目前为止所做的：

HTML:

剧本

$(document).ready(function(){
     $("#fullpage").fullpage({
         anchors: ['thisSection0', 'thisSection1', 'thisSection2'],
         responsive: 900,
         navigation: true,
         navigationPosition: 'right',
         navigationTooltips: ['Section 0', 'Section 1', 'Section 2']
     });
});

---

您可以使用css属性修复背景附件：

---

背景附件是关键。使用

background-attachment: fixed;

此外，根据您的要求，您还需要在后台玩-

background repeat:no repeat和
背景尺寸：包含/覆盖以便背景图像看起来像您想要的那样

试试这个：

#fullpage {
    background-image: url('images/bg1.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

我试过在全页上使用它，但它不起作用。我认为这可能与框架有关。还有其他想法吗？？？@user3589485它与框架无关。这是一个常见的css属性。@user3589485我添加了一个jsbin，请检查我是否在您的帮助下解决了这个问题，但我必须在框架脚本页面中设置css3:false并添加：background image:url（'images/bg1.jpg'）；背景附件：固定；到css中的#整版和每个#节1、#节2、#节3。thanksI还指出，当在fullPage.js中使用
css3:true
时，与Chrome中的一个bug有关。
background-attachment: fixed;

#fullpage {
    background-image: url('images/bg1.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}