【发布时间】:2016-05-19 16:41:08
【问题描述】:
我想在我的 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' );
然后在我的主页中创建不同的部分。 现在每个部分都覆盖了所有视口,正确! 但我无法滚动页面,如果我点击锚链接,页面会向下滚动到链接,然后返回页面顶部。 为什么? 我想念什么?
【问题讨论】:
-
在resources section of the fullpage.js documentaiton 你会发现a link to a tutorial 在一个非常基础的层面上解释了如何将fullpage.js 添加到wordpress。您也可以找到我个人推荐的 wordpress 主题。
-
只是因为我有这样的东西:div元素
标签: javascript jquery fullpage.js