整頁js菜單不會隱藏在第一頁

首先我對網頁設計一般都比較陌生，所以我希望我的問題不是太愚蠢。我正在用fullpage js構建一個網站，並且已經完成了部分和總體佈局。現在我想要右側的固定菜單顯示除第一頁以外的所有頁面。我搜索了這個問題，並找到了答案，但它不會爲我工作。這是我的菜單：整頁js菜單不會隱藏在第一頁

<ul id="menu"> 
    <li data-menuanchor="Home" class="active"><a href="#Home">Home</a></li> 
    <li data-menuanchor="About"><a href="#About">About</a></li> 
    <li data-menuanchor="Classes"><a href="#Classes">Classes</a></li> 
    <li data-menuanchor="pgClasses"><a href="#pgClasses">pgClasses</a></li> 
    <li data-menuanchor="Contact"><a href="#Contact">Contact</a></li> 
</ul>

其在body標籤中，但#fullpage之外。

這裏與我找到了我的功能js文件：

$(document).ready(function() { 
    "use strict"; 

    $('#fullpage').fullpage({ 
     verticalCentered: true, 
     scrollingSpeed: 1200, 
     css3: true, 
     afterLoad: function(anchorLink, index) { 
      if (index > 1) { 
       $("#menu").fadeTo("slow", 1); 
      } 
     }, 
     onLeave: function(index, nextIndex, direction) { 
      if (index === 2 && direction === 'up') { 
       $("#menu").fadeTo("slow", 0); 
      } 
     } 
    }); 
});

感謝提前的幫助。

更新：我只是試圖在我的代碼中加入一個標題菜單，它應該只顯示從第2部分開始。我在js文件中使用此

<header><ul id="topmenu"> 
    <li data-menuanchor="Home"><a href="#Home">Home</a></li> 
    <li data-menuanchor="About"><a href="#About">About</a></li> 
    <li data-menuanchor="Classes"><a href="#Classes">Classes</a></li> 
    <li data-menuanchor="pgClasses"><a href="#pgClasses">pgClasses</a></li> 
    <li data-menuanchor="Contact"><a href="#Contact">Contact</a></li> 
    </ul></header>

這：

$(document).ready(function() { 
"use strict"; 
$('#fullpage').fullpage({ 
verticalCentered: true, 
scrollingSpeed: 1200, 
css3: true, 
afterLoad: function(anchorLink, index){ 
    if (index === 1) { 
     $("header").fadeTo("fast",0); 
    } 
if (index > 1){ 
$("header").fadeTo("slow",1); 
} 
}, 
onLeave: function(index, nextIndex, direction){ 
if (index === 2 && direction === 'up') { 
$("header").fadeTo("slow",0); 
} 
},

，由於某種原因，它正在爲頭。如果我用#menu替換所有「標題」，它仍然沒有任何作用。

顯然將#menu改爲ul作品。

來源

2016-09-01 Hans_Gruber

沒有複製就難以幫助。 – Alvaro

我在http://alvarotrigo.com/fullPage

.fp-viewing-firstPage #menu { 
    visibility: hidden; 
}

已將此添加到全頁演示的CSS文件，它工作正常。顯然，您需要將#menu更改爲#Menu。

來源

2016-09-01 16:10:02 moe

不幸的是，似乎沒有爲我做任何事情。無論如何感謝的人。 –

整頁js菜單不會隱藏在第一頁

回答

相關問題