设置Parallax.js时遇到问题

时间:2016-11-09 22:16:24

标签: javascript jquery html css parallax.js

我想将Parallax.js用于一个项目,但到目前为止,我还没有把它与现有网站玩得很好。

我在这里挂了电话:

我想将插件应用于高度可以适应其中内容的元素,并且最小高度为300px

Parallax.js似乎超越了这个&根据屏幕尺寸修改高度,可以防止这种情况吗?

到目前为止,我还没有能够"看到"任何东西。该文档提到使目标div透明,但我没有运气

Codepen示例I尝试模拟:Simple Parallax Scrolling parallax.js

我的Codepen:Existing site, want to add parallax to #hero

CSS我曾经实现过简单的"固定BG效果

if(isset($_POST['d'])) { 

  $var = $_POST['d']; ... UPDATE users SET type = '$var' WHERE... 

}

欢迎任何建议/建议/建设性批评!已经花了一大笔时间把头发拉过来。

1 个答案:

答案 0 :(得分:1)

  

我想将插件应用于高度可以适应其中内容的元素,并且最小高度为300px

     

Parallax.js似乎覆盖了此&根据屏幕尺寸修改高度,我可以阻止吗?

您是否尝试过包装#hero并对父母应用视差?那么内部的bock是由视差脚本单独留下的(当被它的父级移动时)?

滑块或视差等脚本通过自动将所需的CSS规则应用于元素来工作,正如您所发现的那样。当发生这种情况并且它与你的 CSS冲突时,避开战斗并使你的内容远离脚本风格规则的效果。

换句话说,给脚本一个包装工作,并为自己保留内容,远离脚本给你做恶梦的贪婪触手。