Divi主题实现了航点, 任何人都知道它是如何工作的以及如何使用它们?例如, 该类允许动画在某个时间点到达, 但我需要知道如何操纵事件。
#1它的工作原理如下:当你将et-waypoint类分配给任何divi模块时, 它将由divi 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>
【WordPress上divi主题的航路点如何工作()】在这种情况下, $ animation_elements抓取et-waypoint, 并在窗口滚动时调用check_if_in_view。
推荐阅读
- 将WordPress数据库导入到现在的新主机站点未显示
- WordPress主题和插件更新如何从远程服务器工作
- 没有注册脚本可以挂在钩子上时,如何wp_add_inline_script()
- 如何在wordpress中使用wp_mail()函数
- 8个用来取消或中止 Windows 关闭/重启的工具
- #私藏项目实操分享# Java实战系列「技术盲区」Double与Float的坑与解决办法以及BigDecimal的取而代之!
- #2021年底大盘点#进程间的通信方法
- #yyds干货盘点#Java学习18
- 安装指定版本openresty-nginx