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');
然後在我的主頁我創建不同的部分。 現在每個部分都覆蓋所有的視口,正確! 但我不能滾動頁面,如果我點擊錨鏈接頁面向下滾動到鏈接,然後返回頁面頂部。 爲什麼? 我想念什麼?
在[的資源部分的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
這只是因爲我有一個像這樣的東西:div元素 – laura