角度js中的视差效果不起作用答案

【问题标题】：Parallax effect in angular js not working角度js中的视差效果不起作用
【发布时间】：2015-12-24 06:01:22
【问题描述】：

我正在尝试将视差效果从this link添加到我的html页面

我能够在不使用 Angular js 的情况下实现它。但是如果我使用 angularjs 库图像不会显示出来。连我都看不到任何图像。

我的示例代码如下所示

    <link rel="stylesheet" type="text/css" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/lib/parallax.min.js"></script>
<script type="text/javascript"  src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/node_modules/angular/angular.min.js"></script>
<script type="text/javascript" src="/node_modules/angular-route/angular-route.min.js"></script>

代码是

      <div class="parallax-window" data-parallax="scroll" data-image-src="https://pixelcog.github.io/parallax.js/img/stellar-spire-eagle-nebula-1400x900.jpg">test</div>

【问题讨论】：

标签： jquery angularjs bootstrapping parallax.js

【解决方案1】：

我遇到了你的问题...我用指令解决了...但也许对您来说真的没有必要...您是否只是尝试通过 js 初始化视差？

$('#your-div').parallax({ imageSrc: 'your_path_img' });

让我知道它是否有效......否则我让你看看如何创建指令

【讨论】：

【解决方案2】：

我从显示视差的页面的控制器中激活了视差：

  app.controller('HomeController', function (){
    $('.parallax').parallax();
  });

效果很好

【讨论】：