gpt4 book ai didi

javascript - fullPage.js 不滚动

转载 作者:行者123 更新时间:2023-11-30 16:17:20 24 4
gpt4 key购买 nike

我想在我的 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' );

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

最佳答案

只是因为我有这样的东西:

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

关于javascript - fullPage.js 不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35296404/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com