Normalerweise werden animierte Elemen beim herunterscrollen eingeblendet zum Bespiel die Bildanmationen oder die Balkengrafiken, die bei auftauchen von link nach rechts einfahren. War das Modul einmal eingeblendet, dann bleibt die Animation in Ihrem Endpunkt erhalten.

Mit dem nebenstehendem kleinen Script könnt Ihr diese Animation auch beim wieder-hochscrollen nutzen. Hat das Element den Bildschirm verlassen, wird die die Animation wieder ausgeführt, wenn der Bildschirminhalt nach oben gescrollt wird.

Dazu kopiert Ihr dieses Scrip einfach den Code in folgendes Feld:

Divi -> Theme-Optionen -> Integrationen -> Code dem Body hinzufügen

 

 

Code dem Body hinzufügen
<script>
(function($) {
 var $animation_elements = $('.et-waypoint'),
 $window = $(window);
 
 function check_if_in_view() {
 var window_height = $window.height(),
 window_top_position = $window.scrollTop(),
 window_bottom_position = (window_top_position + window_height);
 
 $animation_elements.each(function() {
 var $element = $(this),
 element_height = $element.outerHeight(),
 element_top_position = $element.offset().top,
 element_bottom_position = (element_top_position + element_height);
 
 //check to see if this element is within viewport
 if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) {
 $element.addClass('et-animated');
 } else {
 $element.removeClass('et-animated');
 }
 });
 }
 
 $window.on('scroll resize', check_if_in_view);
})(jQuery);
</script>