Javascript 无法设置Parallax.js

我想在一个项目中使用Parallax.js，但到目前为止，我很难让它在一个现有站点上运行良好

这里是我挂断电话的地方：

我想把这个插件应用到一个元素上，这个元素的高度可以根据里面的内容进行缩放，最小高度为300px

Parallax.js似乎覆盖了这一点&根据屏幕大小修改高度，我可以防止吗

到目前为止，我还没有看到任何东西。文档提到要使目标div透明，但我运气不好

我试图模仿的代码笔示例：

我的密码笔：

CSS I用于实现“简单”的固定BG效果

#hero {
background-image: url("http://pixelcog.github.io/parallax.js/img/stellar-spire-eagle-nebula-1400x900.jpg");
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: overlay;
background-position: 0 0;
background-attachment: fixed;
}

欢迎提出任何建议/建议/建设性批评！我已经花了很多时间在这件事上了

我想把这个插件应用到一个元素上，这个元素的高度可以根据里面的内容进行缩放，最小高度为300px

Parallax.js似乎覆盖了这一点&根据屏幕大小修改高度，我可以防止吗

您是否尝试过包装您的

#hero

并对家长应用视差？因此，视差脚本会将内部块单独留下（同时由其父对象移动）

如您所知，滑块或视差等脚本通过将所需的CSS规则自动应用于元素来工作。当这种情况发生并且与CSS冲突时，请避免冲突，并将内容从脚本样式规则的影响中移开

---

换句话说，给脚本一个包装器，让它自己处理，并保留内容，远离让你做噩梦的贪婪的脚本触角。

选择在我的代码笔的js框中不包含parallax.js，因为它只会进一步“搞糟”暂时来说，没有什么更新：不反对使用不同的方法来达到相同的效果，只是试图让甜美的视差正常工作