js只显示第一页-隐藏除第一页以外的所有页面.为什么
fullPage.js only shows first page - hides every page but the first. Why?
开发站点,当我使用fullPage js时,我只能看到第一页..链接在开发站点的适当头部。我目前不得不禁用整页得到在网站上完成的任何工作。我想在开发结束时有这个功能,但可能只需要一个正常的滚动…
<script src="https://cdn.jsdelivr.net/jquery.fullpage/2.5.9/jquery.fullPage.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.fullpage/2.5.9/jquery.fullPage.min.css">
<body id='fullpage'>
<div class='section'>
<nav>
<div id="logo"></div>
<div id='menu'>
<p><a href="">Home</a></p>
<p><a href="">Resources</a></p>
<p><a href="">About</a></p>
<p><a href="">Contact</a></p>
<p><a href="">Books</a></p>
<p><a href="">Blog</a></p>
</div>
<div id='social'>
<a href="https://www.facebook.com/SATPrepGet800"><img src="img/facebookIcon.png"></a>
<a href="https://twitter.com/satprepget800"><img src="img/twitterIcon.png"></a>
<img id='share' src="img/shareIcon.png">
</div>
</nav>
<div id='bookPromotion'>
<div id='bookStack'></div>
<div id='bookStackText'>
<h2>College is expensive.<br> Your books don't have to be.</h2>
<h1>Get 7 books for the price of 2</h1>
<div>
<p>28 SAT Math Lessons - Beginner</p>
<p>28 SAT Math Lessons - Intermediate</p>
<p>28 SAT Math Lessons - Advanced</p>
<p>320 SAT Math Problems</p>
<p>32 Most Effective Math Strategies</p>
<p>SAT Math Study Guide Companion</p>
<p>New Math Problems - Revised SAT</p>
</div>
<button>Get my books now</button>
</div>
</div>
<div id="bookSlider">
<div id="sliderCatBtn">
<p id='SAT'>SAT</p>
<p id='ACT'>ACT</p>
<p id='AP'>AP</p>
<p id='Other'>Other</p>
</div>
<div id="sliderNextBtn"></div>
</div>
</div>
<div class='section'>
<div id='newsletterTexts'></div>
<p id='newsletterHeadline'>GET 800 Newsletter</p>
<form id='newsletterBanner'>
<div class='left'>
<p>Tips and strategies delivered right to your email</p>
<input type='email' placeholder='Type Email Here'>
</div>
<div class='right'>
<div></div>
<input type='submit' value='Join'>
</div>
</form>
</div>
<div id='resources' class='section'>
<h1>Learning made easy with these free resources</h1>
<div class="colWrap">
<div id='lImg'></div>
<div id='centerCol'>
<div class="resource">
<img src="img/iconDiploma.jpg">
<h3>SAT Math Prep Course</h3>
<h4>This 12 part SAT math prep course has in-depth solutions to all math questions from Test 1 of the Official SAT Study Guide</h4>
</div>
<div class="resource">
<img src="img/iconVideo.jpg">
<h3>Videos</h3>
<h4>Our videos show you how to do your best on your next test</h4>
</div>
<div class="resource">
<img src="img/iconArticle.jpg">
<h3>Articles</h3>
<h4>Our articles are written to help you do your best on your next test</h4>
</div>
<div class="resource">
<img src="img/iconForum.jpg">
<h3>Forum</h3>
<h4>Come join in on the discussion. Ask your SAT, ACT, or SAT Subject Test questions now</h4>
</div>
</div>
<div id='rImg'></div>
</div>
</div>
<div class='section'>
<p id='aboutHeadline'>About Get 800 and Dr. Steve Warner</p>
<div id="aboutCol">
<img src="img/steve.jpg">
</div>
<div id='aboutBtn'></div>
</div>
<div class='section'>
<div id='contactBg'>
<form type=POST>
<input type='text' placeholder='Message Here'>
<input type'text' placeholder='Your Name Here'>
<input type'email' placeholder='Your Email Here'>
</form>
</div>
<footer>Copywright 2-15 Get 800 All Rights Reserved</footer>
</div>
</body>
Fullpage.js不能使用body
作为包装器。
改变:
<body id='fullpage'>
YOUR SECTIONS HERE
</body>
<body>
<div id='fullpage'>
YOUR SECTIONS HERE
</div>
</body>
你可以在文档中找到它:
Sections应该放在包装器中(在本例中)。包装器不能是body元素
相关文章:
- 如何为AngularJS制作智能表中第一页和最后一页的跳过按钮
- 在第一页加载时隐藏字段,而不是在php发布之后
- JS文件未加载第一页加载
- 如何在第一页加载时使jQuery弹出消息
- 如何自动从一个页面移动到另一个页面,然后回到 html 表格中分页的第一页
- jquery手机应用程序的第一页必须是index.html
- ngTable筛选器仅适用于第一页
- Javascript(Adobe Acrobat XI)从表单第一页的输入答案填充第二页表单
- 第一页加载时,有角度的ng网格固定标题不是静态的
- 自定义JQUERY未在分页页面上加载(第一页除外)
- 链接在第一页加载时瞬间变蓝
- 使用turn.js I'I’我正试图在加载时把角落的第一页翻进去
- 区分剑道网格上一页/下一页点击与转到第一页/最后一页点击事件
- 为什么 Java 脚本单击事件在第一页加载时没有触发
- 为什么第一页的history.length是2
- js只显示第一页-隐藏除第一页以外的所有页面.为什么
- 为什么jQuery live('click')只在带有AJAX分页的特定类的第一页上工作?
- 为什么我的标题Qualtrics JS似乎只适用于第一页
- 为什么不't函数在第一页加载时被调用,仅在刷新后调用
- 为什么点击事件处理程序只在第一页上工作