大家好,我是超級新手,本身是讀平面設計相關,最近開始學寫網頁,想要用fullpage插件完成自己的作品集網站,但遇到了以下問題,希望各位厲害人士可以解決我的疑問TT 非常感謝!
網頁上有用fullpage內建的navagation,是固定在左側位置的
但想要有一個頁面是menu選單頁(是在一個section裡),但是想要選單出現在那一頁就好了,不想跟nav一樣是位置固定在畫面。爬了很多文,用一般a href的話會直接跳轉頁面(也就是跳轉的那個頁面會被fullpage認定成第一個section,無法回到此頁面前的頁面),所以使用以下寫法:
<div class="fp-section s1">
<img src="image/01 mainpage/main bg.jpg" style="width:90%;">
<div id="menu"> <a href="#3rdPage"> <img src="image/01 mainpage/icon1-2.png" alt="" class="iconabout" ></a>
<a href="#4thPage"><img src="image/01 mainpage/icon2-2.png" alt="" class="iconpackage" ></a>
<a href="#5thPage"><img src="image/01 mainpage/icon3-2.png" alt="" class="icongraphic"></a>
<a href="#6thPage"> <img src="image/01 mainpage/icon4-2.png" alt="" class="iconmotion"></a>
<a href="#7thPage"> <img src="image/01 mainpage/icon5-2.png" alt="" class="iconphoto"></a>
<a href="#8thPage"> <img src="image/01 mainpage/icon7-1.png" alt="" class="iconcontact"></a></div>
</div>
js:
<script>
$(document).ready(function() {
$('#fullpage').fullpage(
{
navigation: true,
navigationPosition: "left",
navigationTooltips:['Welcome!','Menu','About Me','Package Design','Graphic Design','Motion Design','Photographic','Contact'],
//options 詳情參看https://github.com/alvarotrigo/fullPage.js/
anchors: ['1stPage', '2ndPage', '3rdPage', '4thPage', '5thPage','6thPage','7thPage','8thPage'],
menu: '#menu',
}
);
});
</script>
但是menu會變成跟nav一樣固定在畫面,用position:absolute會整個不見,不確定是哪裡出錯了,或是還需要加什麼指令>< 非常感謝願意幫忙解答疑惑的人!!