整页.js不滚动

fullPage.js not scrolling

本文关键字：滚动 js 整页      更新时间：2023-09-26

我想在我的wp网站中使用fullPage.js。我在函数中添加了以下代码.php

    function register_fullpage() {
    wp_register_style( 'fullPage-css', get_stylesheet_directory_uri() . 'js/css/jquery.fullPage.css"' );
    wp_register_script( 'fullPage-js', get_stylesheet_directory_uri() . '/js/jquery.fullPage.js' , array( 'jquery' ) );
    wp_register_script( 'vendorslimscroll-js', get_stylesheet_directory_uri() . '/js/jquery.slimscroll.min.js' , array( 'jquery' ) );
    wp_register_script( 'vendorseasing-js', get_stylesheet_directory_uri() . '/js/jquery.easings.min.js' , array( 'jquery' ) );
    wp_enqueue_style( 'fullPage-css' );
         wp_enqueue_script( 'fullPage-js' );
         wp_enqueue_script( 'vendorslimscroll-js' );
         wp_enqueue_script( 'vendorseasing-js' );
        wp_enqueue_script("jquery"); 
}
    add_action( 'wp_enqueue_scripts', 'register_fullpage' );
    function print_my_inline_script() {
           if ( wp_script_is( 'fullPage-js', 'done' ) ) { ?>
                <script type="text/javascript">
                jQuery(function($){$(document).ready(function() {
                    $('#fullpage').fullpage();
                    scrollOverflow:true
                });
                });
          </script>
         <?php }
    }
    add_action( 'wp_footer', 'print_my_inline_script' );

然后在我的主页上，我创建了不同的部分。现在每个部分都涵盖了所有视口，正确！但是我无法滚动页面，如果我单击锚链接，页面将向下滚动到链接，然后返回页面顶部。为什么？我想念什么？

只是因为我有这样的东西：

<div class="section">my content</div>
<div>other things</div> // this cause the error
<div class="section">my content</div>
相关文章：