Javascript 为什么fullpage.js的节比窗口大?
我正在使用扩展来实现自动滚动。我创建了一个页脚并将其放在页面底部。但是,它不会显示,因为该部分(由绿色边框显示)比如下所示的窗口大 当我关闭自动滚动时,我会在页面底部找到页脚,如下所示 我假设fullpage.js节占用了窗口的大小,那么为什么会发生这种情况,我该如何解决 HTML:Javascript 为什么fullpage.js的节比窗口大?,javascript,html,css,footer,fullpage.js,Javascript,Html,Css,Footer,Fullpage.js,我正在使用扩展来实现自动滚动。我创建了一个页脚并将其放在页面底部。但是,它不会显示,因为该部分(由绿色边框显示)比如下所示的窗口大 当我关闭自动滚动时,我会在页面底部找到页脚,如下所示 我假设fullpage.js节占用了窗口的大小,那么为什么会发生这种情况,我该如何解决 HTML: <div class = "section contact" anchor = "4thPage"> <ul> <!-- b
<div class = "section contact" anchor = "4thPage">
<ul>
<!-- buttons for GitHub, LinkedIn, Resume-->
</ul>
<div class = "footer"> © 2016 Full Name. All rights reserved. </div>
</div>
.footer {
bottom: 0;
position: absolute;
}
.contact {
text-align: center;
padding-top: 5%;
position: relative;
}
您可能没有使用
框大小:边框框
HTML
一个
我试过这个,但没用。当我在chrome上加载我的网站时,.fp section
应用于每个section div,并且它已经有了位置:relative
,因此将位置:relative
应用于。section
被划掉。很明显,在我的示例中它是有效的,这意味着您缺少了一些东西。但由于您没有提供足够的代码,我只能为您做这些。
.content{
position:absolute;
border: 20px solid red;
bottom:0;
top:0;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
<div class="section">
<div class="content">
One
</div>
</div>