fullPage全屏高度自适应

最新推荐文章于 2024-08-08 08:32:23 发布

Min红

最新推荐文章于 2024-08-08 08:32:23 发布

阅读量2.1k

点赞数

本文链接：https://blog.csdn.net/xiaoxiaoyoumeng/article/details/81186826

版权

本文介绍了如何使用fullPage.js库创建全屏高度自适应的网页滚动效果。通过设置选项和调整CSS样式，实现了页面在不同设备上都能完美展示的全屏滚动体验。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Auto-height - fullPage.js</title>
    <meta name="author" content="Alvaro Trigo Lopez" />
    <meta name="description" content="fullPage auto-height example." />
    <meta name="keywords"  content="fullpage,jquery,demo,screen,fullscreen,auto-height,full-screen" />
    <meta name="Resource-type" content="Document" />
    <link rel="stylesheet" type="text/css" href="chajian/fullpage.css" />

    <style>
        .myContent{
            height: 300px;
        }
    </style>

</head>
<body>
<div id="fullpage">
    <div class="section section1">