2016-02-09 86 views
1

我想在我的wp站点使用fullPage.js。 我在function.php添加以下代码fullPage.js不滚动

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'); 

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

+0

在[的资源部分的fullpage.js载文](https://github.com/alvarotrigo/fullPage.js#resources)你会发现[一个教程的链接](http://premium.wpmudev.org/blog/build-apple-inspired-full-page-scrolling-pages-for-your-wordpress-site/)解释如何在非常基本的级别添加fullpage.js到wordpress。你也可以找到wordpress主题,我个人建议。 – Alvaro

+0

这只是因为我有一个像这样的东西:div元素 – laura

回答

2

这只是becuse我有一个这样的成才:

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