為什么fullpage.js中的API配置項resize不起作用呢?
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <meta?name="viewport"?content="width=device-width,initial-scale=1,user-scalable=no"?/> <title>fullpage2</title> <link?rel="stylesheet"?type="text/css"??/> <style?type="text/css"> .section{ text-align:?center; font-size:?30px; color:?#fff; } </style> </head> <body> <div?id="page"> <div>這是第一屏</div> <div> <div>slide1</div> <div>slide2</div> <div>slide3</div> <div>slide4</div> </div> <div>這是第三屏</div> <div>這是第四屏</div> </div> <script?type="text/javascript"?src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> <script?type="text/javascript"?src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.js"></script> <script?type="text/javascript"> $(document).ready(function(){ $('#page').fullpage({ //注意使用的是逗號 sectionsColor:?['blue','grey','red','yellow'], //默認值 controlArrows:?true, //默認值 verticalCentered:?true, resize:?true }); } ) </script> </body> </html>
代碼如上,可以復制粘貼,代碼已測試,只有resize不起作用。
2017-02-06
會變的,只是要達到一定的寬度
2017-02-14
resize選項很早就被移除了,我用老版本的cdn資源也沒有效果,移動端需要響應式設計了。