                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /FullPage.js全屏滾動插件

出不來效果，求助

<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<meat name="viewport" content="widt=device-width, initial-scale=1,user-scalable=no/">
?? ?<link rel="stylsheet" />
?</head>
<body>
?? ?<div id="fullpage">
?? ??? ?<div>
?? ??? ??? ?<h1>第一屏</h1>
?? ??? ?</div>
?? ??? ?<div>
?? ??? ??? ?<h1>第一屏</h1>
?? ??? ?</div>
?? ??? ?<div>
?? ??? ??? ?<h1>第一屏</h1>
?? ??? ?</div>
?? ??? ?<div>
?? ??? ??? ?<h1>第一屏</h1>
?? ??? ?</div>
?? ??? ?<div>
?? ??? ??? ?<h1>第一屏</h1>
?? ??? ?</div>
?? ?</div>

?<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.8/jquery.fullPage.js"></script>
??? <script type="text/javascript">
?? ??? ?$(document).ready(function)(){
?? ??? ??? ?$('#fullpage').fullpage();
?? ??? ?});
??? </script>
</body>
</html>

微微落

2016-08-17

源自：FullPage.js全屏滾動插件 1-2

關(guān)注問題我要回答

1067

操作

收起

2 回答

慕粉3710314 回答被采納 +3 積分
2016-08-17

<div class='section'> <h1>第3屏幕</h1></div>?

加上class='section' 試試

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

微微落提問者

就是這個謝謝啦

2016-08-17 回復(fù) 有任何疑惑可以回復(fù)我~

慕粉3710314
2016-08-17

哈哈加油，我也在學(xué)習(xí)

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

微微落提問者

slide顯示不是幻燈片就是文字，這是為什么？

2016-08-17 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕粉3710314 回復(fù) 微微落提問者

因?yàn)榻衧lide幻燈片只是區(qū)別與section。 fullpage 里section 是縱向滾動的效果，你之前寫的h1 文字是沿Y軸上下滾動。如果你把h1換成圖片，那就是背景圖上下滾動。 slide 的滾動效果和section 相反，它是指內(nèi)容橫向滾動，左右滑動，有點(diǎn)類似幻燈片的效果，所以老師就是稱作幻燈片。如果你把slide 里面插入圖片，那它就是你所說的幻燈片的效果了。只是你現(xiàn)在放在slide里的是文字不是圖片。

2016-08-17 回復(fù) 有任何疑惑可以回復(fù)我~

#3

微微落提問者回復(fù) 慕粉3710314

可是我的幻燈片沒有箭頭，每一屏之間有白色空隙，這怎么解決呢？

2016-08-17 回復(fù) 有任何疑惑可以回復(fù)我~