首页 > 解决方案 > FullPage.js 绝对元素的“移动”位置

问题描述

我有整页js的问题,情况是:

在整页内容中,有带有样式的元素,例如:

.element{
    left: auto;
    right: 5vw;
    width: 50%;
    bottom: 15vh;
    transform: none;
}

当页面加载时(使用此部分锚点或没有),div 看起来应该比底部多 100 像素。当第一部分向下滚动然后回到该元素的顶部位置时,它看起来应该是这样。

我知道该元素与代码中的位置相同,但不知道为什么在第一次滚动之前看起来更底部。

我也尝试使用 min-height 和 padding:15vh 0 但成功:/

感谢帮助

标签: fullpage.js

解决方案


解决方案是将高度 100vh 添加到此绝对元素的父元素。就我而言,光滑的滑块。


推荐阅读