Saltar al contenido

Angular ng-show ng-hide scroll top div

Tenemos 2 divs.

Al hacer un ng-click se ocultará el DIV de arriba y se mostrará el DIV de abajo.

En la función ng-click del $scope debemos de hacer esto:

1
2
3
4
5
6
7
8
9
<span class="pln">$scope</span><span class="pun">.</span><span class="pln">funcion_ng_click </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">function</span><span class="pun">(){</span><span class="pln">
 
    $scope</span><span class="pun">.</span><span class="pln">show_div1 </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">;</span><span class="pln">
    $scope</span><span class="pun">.</span><span class="pln">show_div2 </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">;</span><span class="pln">
 
    </span><span class="kwd">var</span><span class="pln"> body </span><span class="pun">=</span><span class="pln"> $</span><span class="pun">(</span><span class="str">"body"</span><span class="pun">);</span><span class="pln">
    body</span><span class="pun">.</span><span class="pln">animate</span><span class="pun">({</span><span class="pln">scrollTop</span><span class="pun">:</span><span class="lit">0</span><span class="pun">},</span><span class="pln"> </span><span class="str">'500'</span><span class="pun">);</span><span class="pln">
 
</span><span class="pun">};</span>
Descargar PDF

Si te ha interesado este artículo y deseas un apoyo o asesoría en algún requerimiento, envíame un mensaje a: (info@juliopari.com) o sino a través de Linkedin: https://www.linkedin.com/in/juliopari/