fullpage.js - FullPage.js 绝对元素的“移动”位置
问题描述
我有整页js的问题,情况是:
在整页内容中,有带有样式的元素,例如:
.element{
left: auto;
right: 5vw;
width: 50%;
bottom: 15vh;
transform: none;
}
当页面加载时(使用此部分锚点或没有),div 看起来应该比底部多 100 像素。当第一部分向下滚动然后回到该元素的顶部位置时,它看起来应该是这样。
我知道该元素与代码中的位置相同,但不知道为什么在第一次滚动之前看起来更底部。
我也尝试使用 min-height 和 padding:15vh 0 但成功:/
感谢帮助
解决方案
解决方案是将高度 100vh 添加到此绝对元素的父元素。就我而言,光滑的滑块。
推荐阅读
- c# - 使用其他属性查询 Active Directory 组
- python - Python - gap on exit sequence,error on comparing decimal
- javascript - 节点需要 mongo 错误 - “未定义要求”
- php - 选定的选项值未显示在电子邮件中
- c - 使用 fork() 在 C 中递归地遍历目录
- javascript - 为什么javascript坚持一个函数的大括号而不是其他任何东西?
- java - Android 中浮动操作按钮的滚动行为
- sql - SQL 查询 - 查询表达式中的语法错误(缺少运算符)
- html - CSS :: 如何禁用列表单元格中的滚动
- nginx - 无法在具有大量重定向的 nginx 中分配内存错误