2016-02-09 110 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>