猿问

为什么这个fullpage插件程序无法默认打开第一个页面(不记录上次打开的页面)?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>123</title>
    <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/index.css">
  </head>
  <body>
    <div>
      <ul>
        <li data-menuanchor="page1"  class="active"><a href="#page1">section1</a></li>
        <li data-menuanchor="page2"><a href="#page2">section2</a></li>
        <li data-menuanchor="page3"><a href="#page3">section3</a></li>
        <li data-menuanchor="page4"><a href="#page4">section4</a></li>
      </ul>
    </div>
    <div id="fullPage">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
    </div>

    <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
  </body>
</html>
$(document).ready(function(){
	$("#fullPage").fullpage({  
		sectionsColor:["blue","yellow","green","orange"],
		verticalCentered:false,
		anchors:["page1","page2","page3","page4"],
		//loopBottom:true,     
		fixedElements:".topMenu",  
		continuousVertical:true,  
		menu:".topMenu",       
		navigation:true,		
		navigationPosition:"left",   
		navigationTooltips:["1","2","3","4"],
		showActiveTooltip:true,    
		//scrollOverflow:true,   
	})		
})


newsudhc3634140
浏览 3155回答 6
6回答

牧野Peikon

不知道有没有特殊的设置,不过可以曲线救国:在回调函数afterRender里(页面初始化完成后)手动调用moveTo(section, slide)来移动到第一屏

行走的指尖

anchors:['page1']    把你的这个属性换成这样试一下

幸福拾荒者

有个属性设置,data_hash好像是百度一下,很简单的

陈小窝

这里有问题

陈小窝

你出来的样子是怎么样的

幸福拾荒者

有hash值设置呀
随时随地看视频慕课网APP
我要回答