我想将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...
}
欢迎任何建议/建议/建设性批评!已经花了一大笔时间把头发拉过来。
答案 0 :(得分:1)
我想将插件应用于高度可以适应其中内容的元素,并且最小高度为300px
Parallax.js似乎覆盖了此&根据屏幕尺寸修改高度,我可以阻止吗?
您是否尝试过包装#hero
并对父母应用视差?那么内部的bock是由视差脚本单独留下的(当被它的父级移动时)?
滑块或视差等脚本通过自动将所需的CSS规则应用于元素来工作,正如您所发现的那样。当发生这种情况并且它与你的 CSS冲突时,避开战斗并使你的内容远离脚本风格规则的效果。
换句话说,给脚本一个包装工作,并为自己保留内容,远离脚本给你做恶梦的贪婪触手。