我无法让wow.js使用动画和整页。我目前正在使用WAMP, 因此无法共享链接。
它加载了所有脚本, 并在”网络”选项卡中进行了检查, 并在正文和初始化之前加载了哇。我得到了一些示例虚拟index.php代码来检查功能。它加载第一个块并将其设置为动画, 但第二个块保持可见性:隐藏(因此我假设已加载哇)
<?php
function base_scripts_styles() {
wp_enqueue_script( 'theme-script', get_theme_file_uri() . '/js/theme-js.js', array(), '', false );
wp_enqueue_script( 'theme-fullpage', get_theme_file_uri() . '/js/fullpage.js', array(), '', false);
wp_enqueue_style( 'theme-fullpagecss', get_theme_file_uri() . '/fullpage.css', array(), '', false);
wp_enqueue_style( 'theme-animate', get_theme_file_uri() . '/animate.min.css', array(), '', false);
wp_enqueue_script( 'theme-wow', get_theme_file_uri() . '/js/wow.min.js', array(), '', true);
}
add_action( 'wp_enqueue_scripts', 'base_scripts_styles' );
//* Enqueue script to activate WOW.js
add_action('wp_enqueue_scripts', 'sk_wow_init_in_footer');
function sk_wow_init_in_footer() {
add_action( 'print_footer_scripts', 'wow_init' );
}
//* Add JavaScript before </body>
function wow_init() { ?>
<script type="text/javascript">
new WOW().init();
</script>
<?php }
这是块的代码(在index.php上)
<div id="fullpage">
<div class="section section1">
<div class="left wow fadeInLeftBig">
one
</div>
<div class="right">
two
</div>
</div>
<div class="section section2">
<div class="right">
three
</div>
<div class="left wow fadeInLeftBig">
four
</div>
</div>
</div>
#1
我想到了。 scrollBar:true, 用于整页设置(红色)
评论前必须登录!
注册