javascript - 关于fullpage.js 自动高度失效的问题
问题描述
<!DOCTYPE html><html xmlns='http://www.w3.org/1999/xhtml'><head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>Auto-height sections size - fullPage.js</title> <link rel='stylesheet' type='text/css' href='https://www.haobala.com/wenda/css/jquery.fullPage.css' /> <script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script> <script type='text/javascript' src='https://www.haobala.com/wenda/js/jquery.fullPage.js'></script> <script type='text/javascript'>$(document).ready(function() { $(’#fullpage’).fullpage({ anchors: [’page1’, ’page2’, ’page3’, ’page4’], sectionsColor: [’yellow’, ’orange’, ’#C0C0C0’, ’#ADD8E6’], });}); </script> <style>.section { text-align:center; font-size: 3em;}.content{ margin:50px} </style></head><body><p id='fullpage'> <p class='section'>One</p> <p class='section'>Two</p> <p class='section fp-auto-height'> <p class='content'>Three</p> </p> <p class='section fp-auto-height'> <p class='content'>Four</p> </p></p></body></html>
这是我的代码 fullpage.js和fullpage.css 都是我从fullpagejs的GitHub地址上下载的;
我按照fullpage给的demo GitHub提供的demo代码地址 复制啦一份 但是 并没有出现demo上的效果<貌似 fp-auto-height没有生效>
求指点,求指点
问题解答
回答1:css,js,html都是从官方给的demo中复制的 ,引用的fullpage.js,fullpage.css也是从GitHub上下载的 为啥没有出现 官方demo的效果呢
相关文章:
1. android - 安卓做前端,PHP做后台服务器 有什么需要注意的?2. java - spring-data Jpa 不需要执行save 语句,Set字段就可以自动执行保存的方法?求解3. docker-compose 为何找不到配置文件?4. css - 使用blur()滤镜为什么有透明的效果5. angular.js - 通过数据中children的个数自动生成能点击展开的div6. docker gitlab 如何git clone?7. python的bs4如何筛选出h1标签中的内容8. javascript - 移动端H5页面禁止缩放了,在浏览器上仍然可以缩放9. Android下,rxJava+retrofit 并发上传文件和串行上传文件的效率为什么差不多?10. javascript - [MUI 子webview定位]
