Javascript FullPage JS修复背景不工作
我正试图获得一个固定的背景来使用Fullpage JS。无论我做什么,背景都留在那里,否则就根本不出现。我试过一把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(函数(){ $(“#全站”)。全页({
#全场{
背景附件:固定;
}
#第一节{
背景: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
$('#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
});