亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么fullpage的menu設置后默認頁面不是第一個,而且點擊沒用?

為什么fullpage的menu設置后默認頁面不是第一個,而且點擊沒用?

qq_華麗的空白_0 2017-06-16 09:28:08
<!DOCTYPE html><html><head>? ? <meta charset="UTF-8">? ? <title>Document</title>?<link rel="stylesheet">? <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.js"></script>? <script src="http://cdn.bootcss.com/fullPage.js/2.8.0/jquery.fullpage.js"></script>? <script src="http://cdn.bootcss.com/fullPage.js/2.8.0/vendors/jquery.easings.min.js"></script>? ? <style>? ??? ? </style></head><body>? ? <ul id="list">? ? ? ? ? ? <li data-menuanchor="page1">? ? ? ? ? ? ? ? <a href="#page1">? ? ? ? ? ? ? ? ? ? 第一個? ? ? ? ? ? ? ? </a>? ? ? ? ? ? </li>? ? ? ? ? ? <li data-menuanchor="page2" >? ? ? ? ? ? ? ? <a href="#page2">? ? ? ? ? ? ? ? ? ? 第二個? ? ? ? ? ? ? ? </a>? ? ? ? ? ? </li>? ? ? ? ? ? <li data-menuanchor="page3">? ? ? ? ? ? ? ? <a href="#page3">? ? ? ? ? ? ? ? ? ?第三個? ? ? ? ? ? ? ? </a>? ? ? ? ? ? </li>? ? ? ? ? ? <li data-menuanchor="page4">? ? ? ? ? ? ? ? <a href="#page4">? ? ? ? ? ? ? ? ? ? 第四個? ? ? ? ? ? ? ? </a>? ? ? ? ? ? </li>? ? </ul>? ? <div id="fullPage">? ? ? ? <div>? ? ? ? ? ?第一個? ? ? ? </div>? ? ? ? ?<div>? ? ? ? ? ? ?第二個? ? ? ? </div>? ? ? ? ?<div>? ? ? ? ? ? ?第三個? ? ? ? </div>? ? ? ? ?<div>? ? ? ? ? ? 第四個? ? ? ? </div>? ? </div>??? ? <script>? ? $(document).ready(function(){? ? ? ?$('#fullPage').fullpage({? ? ? ? ? ?anchors: ['page1','page2','page3','page4'],? ? ? ? ? ?verticalCentered: false,? ? ? ? ? ?navigation: true,? ? ? ? ? ?menu: "#list"? ? ? ?});? ? });? ? ??? ? </script></body></html>
查看完整描述

1 回答

?
李曉健

TA貢獻1036條經驗 獲得超461個贊

<!--這個的樣式你需要自己寫的?不然的話會被內容區覆蓋,所以你就點不到了-->
<ul?id="list"?style="position:?fixed;z-index:?100">
????<li?data-menuanchor="page1">
????????<a?href="#page1">
????????????第一個
????????</a>
????</li>
????<li?data-menuanchor="page2"?>
????????<a?href="#page2">
????????????第二個
????????</a>
????</li>
????<li?data-menuanchor="page3">
????????<a?href="#page3">
????????????第三個
????????</a>
????</li>
????<li?data-menuanchor="page4">
????????<a?href="#page4">
????????????第四個
????????</a>
????</li>
</ul>
<div?id="fullPage">
????<!--這里同級的div需要添加?class="section"-->
????<div?class="section">
????????第一個
????</div>
????<div?class="section">
????????第二個
????</div>
????<div?class="section">
????????第三個
????</div>
????<div?class="section">
????????第四個
????</div>
</div>


查看完整回答
反對 回復 2017-06-16
  • 1 回答
  • 0 關注
  • 2449 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號