Javascript FullPage JS修复背景不工作

Javascript FullPage JS修复背景不工作,javascript,css,jsfiddle,fullpage.js,Javascript,Css,Jsfiddle,Fullpage.js,我正试图获得一个固定的背景来使用Fullpage JS。无论我做什么,背景都留在那里,否则就根本不出现。我试过一把JS小提琴,但我也没法用 #全场{ 背景附件:固定; } #第一节{ 背景:url(/images/pwhostondowntowner.jpg)无重复0 0固定/封面; } #第2节{ 背景色:#中交; } #第三节{ 背景:url(/images/pwhostonwindow2.jpg)无重复0 0固定/封面; } $(文档).ready(函数(){ $(“#全站”)。全页({

我正试图获得一个固定的背景来使用Fullpage JS。无论我做什么,背景都留在那里,否则就根本不出现。我试过一把JS小提琴,但我也没法用


#全场{
背景附件:固定;
}
#第一节{
背景:url(/images/pwhostondowntowner.jpg)无重复0 0固定/封面;
}
#第2节{
背景色:#中交;
}
#第三节{
背景:url(/images/pwhostonwindow2.jpg)无重复0 0固定/封面;
}
$(文档).ready(函数(){
$(“#全站”)。全页({
})
})
第一节
第二节
第三节

您需要在项目中包含jquery。首先应该包括Jquery

$(document).ready(function () {
     $("#fullsite").fullpage({

     });
});
与fullpage.js无关。Fullpage.js使用css3的
translate3d
属性,这是导致某些浏览器出现错误的原因

要解决此问题,您有两种选择:

  • 在fullpage.js选项中使用
    css3:false
    。它不会像流体一样流动,但你会有固定的背景工作
  • 使用
    滚动条:true
    。你会得到一个滚动条,它可能不会像流体一样流动
正如您在中所看到的,它使用css3:false

        $('#fullpage').fullpage({
            verticalCentered: false,
            //to avoid problems with css3 transforms and fixed elements in Chrome, as detailed here: https://github.com/alvarotrigo/fullPage.js/issues/208
            css3:false
        });

@您的jquery应该是第一个。工作链接:
        $('#fullpage').fullpage({
            verticalCentered: false,
            //to avoid problems with css3 transforms and fixed elements in Chrome, as detailed here: https://github.com/alvarotrigo/fullPage.js/issues/208
            css3:false
        });