javascript - fullPage.js 不滚动

标签 javascript jquery fullpage.js

我想在我的 wp 站点中使用 fullPage.js。 我在我的 function.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' );

然后在我的主页上创建不同的部分。 现在每个部分都覆盖所有视口(viewport),正确! 但我无法滚动页面,如果我单击 anchor 链接,页面将向下滚动到链接,然后返回到页面顶部。 为什么? 我想念什么?

最佳答案

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

<div class="section">my content</div>
<div>other things</div> // this cause the error
<div class="section">my content</div>

关于javascript - fullPage.js 不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35296404/

相关文章:

jquery - 如何使用jquery将onclick事件添加到动态a href

javascript - Fullpage.JS:滑动时更改 afterSlideLoad 上的动画

jquery - fullPage.js onLeave 事件触发器

javascript - 在异步函数中的 if 语句后使用变量

javascript - 如何将函数应用于选定的元素,将 Jquery 代码转换为 JS 并获取类型错误

javascript - 为什么我需要 jquery.min.js 而不是只需要 jquery.js 才能让脚本工作?

jquery - HTML,自定义元素属性,适用于所有浏览器吗?

jquery - 每当用户使用 fullpage js 滚动到另一个部分时更改颜色和动画

javascript - 如何在js中使图像成为一个简单的 slider

javascript - 在没有 jQuery 的情况下在 AngularJS 中扩展 DOM 对象的推荐方法?