gpt4 book ai didi

javascript - FullPage.js:仅在滚动时显示导航

转载 作者:行者123 更新时间:2023-12-03 06:36:06 26 4
gpt4 key购买 nike

我正在使用 fullPage.js 制作一个网站,出于设计目的,我希望导航仅在滚动时显示。我已经尝试过了

$(document).ready(function() {
$('#fullpage').fullpage({
//navigation
menu: '#menu',
navigation: window.addEventListener("scroll", function(){return true}),
navigationPosition: 'right',
scrollBar: true,
});
});

但它不起作用。

最佳答案

基于 @gcampbell 的帮助,这对我有用

var nav = document.querySelector('#fp-nav'); 
nav.style.display = 'none';
document.addEventListener('scroll', function () {
nav.style.display = 'inline';
setTimeout(function(){ nav.style.display = 'none'}, 1000);
});
});

关于javascript - FullPage.js:仅在滚动时显示导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38197347/

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