我正在使用fullPage插件,一切都按预期工作,但后来我意识到,当我调整窗口大小时,会有一个不需要的动画。 div容器正在移动,并且在延迟之后它进入所需位置。
这是我的代码:
//HTML structure
<div id="fullpage">
<div class="section">
<div class="slide">Two 1</div>
<div class="slide">Two 2</div>
<div class="slide active">
<div class="slide-container"></div>
<div class ="slide-container skills"></div>
</div>
</div>
</div>
//CSS
.section {
text-align:center;
}
.slide-container {
float: left;
display: inline-block;
width: 50%;
height: 100%;
}
.skills {
background-color: #CDFF00;
}
除了loopHorizontal: false
之外,我没有对fullpage插件进行更改。
关于jsfiddle的例子: http://jsfiddle.net/oodLzLwv/1/