视差插件无法正常工作

Question

我通过angularjs实现了视差背景，但我遇到了一些问题。

这些是文件：Plunker

使用的指令是＆＃34; parallaxBackground＆＃34;。

一旦应用到

部分

<section-parallax background parallax-ratio =" 0.5 "class =" container-fluid parallax_style1 "style =" background: url (http://test.simonepignatelli.com/img/parallax1.jpg); ">

代码没有运行，相关部分是带有第二和第三张图像的部分。

连连呢？

Answer 1

你的parallax指令有一堆逻辑绑定到窗口scroll和touchmove事件，但是这些事件永远不会触发，因为你的窗口元素没有滚动：它是你的.slideTop元素。如果您将其设置为overflow: hidden，则会看到您的页面根本不滚动。因此，parallax指令中的setPosition方法永远不会触发。