您的位置:首頁技術文章
文章詳情頁

javascript - 關于fullpage.js 自動高度失效的問題

瀏覽:111日期: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='http://www.wxshucaidpc.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='http://www.wxshucaidpc.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
相關文章:
国产综合久久一区二区三区