如何在wordpress上使用divi主题的路标？

Question

Divi theme implements waypoints，有谁知道它是如何工作的以及如何使用它们？例如这个类允许动画在某个点et-waypoint，但我需要知道如何操作事件。

Answer 1

它的工作原理是这样，当你将et-waypoint类的任何迪维模块，它会自动被写在迪维JS jQuery的回升，

<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> 

在这种情况下

，$animation_elements抓斗等航路点和它在窗口滚动上呼叫check_if_in_view。