Javascript stellar.js破坏了背景图像的响应能力,如何解决?

Javascript stellar.js破坏了背景图像的响应能力,如何解决?,javascript,responsiveness,stellar.js,Javascript,Responsiveness,Stellar.js,我在我的网站上有一个相当大的背景图像(1920x1080),在我添加stellar.js之前,它一直在工作 对于背景图像,我有以下css规则: .about { background-image: url(../img/portfolioheroimage3-2.jpg); background-attachment: fixed; background-size: cover; 因此,如果不使用stellar.js,它的响应速度非常快。假设我将页面缩小到很大程度,背景图像高度扩大

我在我的网站上有一个相当大的背景图像(1920x1080),在我添加stellar.js之前,它一直在工作

对于背景图像,我有以下css规则:

.about {
  background-image: url(../img/portfolioheroimage3-2.jpg);
  background-attachment: fixed;
  background-size: cover;
因此,如果不使用stellar.js,它的响应速度非常快。假设我将页面缩小到很大程度,背景图像高度扩大,一切正常

然而,在我添加了stellar.js之后,事情发生了错误。我跟随文档并在脚本标记中添加了这一行:$.stellar()

酷,视差效应确实起作用了。但是它破坏了我背景图像的反应能力。假设我再次缩小页面,背景图像没有垂直增长,而是“重复”。我试着设置背景重复:不重复。但情况变得更糟,因为文本超出了背景图像

是否有人也面临这样的问题,并知道一种方法,既有反应和视差效果的背景图像


非常感谢

如果我回忆正确的话,parallex是通过将
divs
放在同一张图片的不同角度(?)的全宽位置来复制的。我假设它在主体中放置了一个元素,这破坏了定位上下文。不确定如何让stellar.js在JSFIDLE中工作,尽管由于外部资源不被识别为javascript MIME类型,如果我记得正确的话,parallex是通过将
divs
以全宽放置在同一图片的不同角度(?)来复制的。我假设它在主体中放置了一个元素,这破坏了定位上下文。不确定如何让stellar.js在JSFIDLE中工作,尽管外部资源未被识别为javascript MIME类型