FullPage.js: 滚动时只显示导航
FullPage.js: Only show navigation when scrolling
我正在用 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);
});
});
我正在用 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);
});
});