首頁猿問為什么fullpage的menu設(shè)...

為什么fullpage的menu設(shè)置后默認(rèn)頁面不是第一個(gè)，而且點(diǎn)擊沒用？

JQuery

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">? ? ? ? ? ? ? ? ? ? 第一個(gè)? ? ? ? ? ? ? ? </a>? ? ? ? ? ? </li>? ? ? ? ? ? <li data-menuanchor="page2" >? ? ? ? ? ? ? ? <a href="#page2">? ? ? ? ? ? ? ? ? ? 第二個(gè)? ? ? ? ? ? ? ? </a>? ? ? ? ? ? </li>? ? ? ? ? ? <li data-menuanchor="page3">? ? ? ? ? ? ? ? <a href="#page3">? ? ? ? ? ? ? ? ? ?第三個(gè)? ? ? ? ? ? ? ? </a>? ? ? ? ? ? </li>? ? ? ? ? ? <li data-menuanchor="page4">? ? ? ? ? ? ? ? <a href="#page4">? ? ? ? ? ? ? ? ? ? 第四個(gè)? ? ? ? ? ? ? ? </a>? ? ? ? ? ? </li>? ? </ul>? ? <div id="fullPage">? ? ? ? <div>? ? ? ? ? ?第一個(gè)? ? ? ? </div>? ? ? ? ?<div>? ? ? ? ? ? ?第二個(gè)? ? ? ? </div>? ? ? ? ?<div>? ? ? ? ? ? ?第三個(gè)? ? ? ? </div>? ? ? ? ?<div>? ? ? ? ? ? 第四個(gè)? ? ? ? </div>? ? </div>??? ? <script>? ? $(document).ready(function(){? ? ? ?$('#fullPage').fullpage({? ? ? ? ? ?anchors: ['page1','page2','page3','page4'],? ? ? ? ? ?verticalCentered: false,? ? ? ? ? ?navigation: true,? ? ? ? ? ?menu: "#list"? ? ? ?});? ? });? ? ??? ? </script></body></html>

查看完整描述

1 回答

李曉健

TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊

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

反對(duì) 回復(fù) 2017-06-16