How to disappear with the Parallax effect with angular?

Question

How can I disappear with the action of Parallax when it is with an attribute?

this is the tag that has the attribute:

<parallax-image ng-class="{{fixo}}" 
src="/parallax-image/assets/images/image-01.jpg"></parallax-image>

This is the css that has the attribute:

[class^="fixo"] {
  background-color: color($grey, 200);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 0;
  overflow: hidden;
  padding-bottom: 40%;
  position: relative;
  width: 100%;
}

And this is you:

if ('.fixo' == true) {
   return true;
} else {
  return false;
}

Answer 1

Your use of ng-class is wrong. The correct definition would be:

ng-class="{'fixo': meuValor}" //Onde "meuValor" é um $scope do controller ex.: $scope.meuValor

In this case, the class fixo will be added when the $scope.meuValor for true

Another method, if you want to define a OR class based on the same value, would be:

ng-class="meuValor ? 'fixo' : 'nao-fixo'"

In this case if the $scope.meuValor for true will be added to the class fixo, if the class will not be added nao-fixo.

Note then that your JS should change to something similar to this:

if( 'algum comparativo') {
    $scope.meuValor = true;
else {
    $scope.meuValor = false;
}

Since you didn’t provide much information, this part of logic depends on your context, but with this information I believe you can solve the problem.