gpt4 book ai didi

javascript - fullpage.js 垂直对齐问题

转载 作者:行者123 更新时间:2023-11-28 05:32:56 25 4
gpt4 key购买 nike

我无法让 fullpage.js 垂直对齐我给出的任何内容。首先,我尝试在现有代码上实现它,但后来我只是重新打开并尝试将其简单地放入:

<body>
<div id="fullpage">
<div class="section">
<div class="first">
<img src="img/logo.svg" alt="">
</div>
</div>
<div class="section">b</div>
<div class="section">c</div>
<div class="section">d</div>
</div>
<script src="js/jquery.min.js"></script> <!-- Jquery -->
<script src="js/bootstrap.min.js"></script> <!-- bootstrap js -->
<script src="js/jquery.fullPage.js"></script> <!-- Jquery FullPage-->
<script src="js/main.js"></script> <!-- Site Library -->
</body>

我的 CSS 依赖项很简单:reset.css、bootstrap 和 animate.css

感谢任何形式的帮助,提前致谢

最佳答案

尝试一下,复制粘贴到 html 页面并确保您的 jscss 调用路径正确

<script>

$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['#999', '#666', '#262626', '#000'],
navigation: true,
verticalCentered: true,
navigationPosition: 'right',
navigationTooltips: ['About', 'Security', 'Industries', ' security', 'footer'],
});
});


</script>
body {
float: left;
width: 100%;
padding-bottom: 0px;
}
* {
color:#F00;
text-align:center;
font-size:30px;
}
<link rel="stylesheet" href="css/jquery.fullPage.css" >

<div id="fullpage">
<div class="section" id="section0">
<span class="middle">Vertical align</span>
</div>

<div class="section" id="section1">
<span class="middle">b</span>
</div>

<div class="section" id="section2">
<span class="middle">c<span>
</div>

<div class="section" id="section3">
<span class="middle">d</span>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/jquery.fullPage.js"></script>

关于javascript - fullpage.js 垂直对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39556474/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com