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