您的位置:首页技术文章
文章详情页

javascript - 关于fullpage.js 自动高度失效的问题

浏览:114日期:2023-04-24 15:28:05

问题描述

<!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的效果呢

标签: JavaScript
相关文章: