在ReactJS中通过动画改变元素的位置
在ReactJS中通过动画改变元素的位置
提问于 2021-03-04 17:31:05
每当用户滚动到页面底部时，我都试图通过动画转换来更改我的幻灯片元素的位置。我遇到的问题是，我不知道如何将定位从flex切换到relative。slip元素需要位于页脚的上方。
我成功地实现了这一点，只切换类，但我不喜欢抽搐动画，所以我想添加一些过渡，但现在我不知道如何使它粘在页脚之上。
当用户滚动到页面底部时，我如何使幻灯片元素粘在页脚的顶部，而不是固定的？目标是通过平稳的过渡/动画来实现这一点。
这是我的堆栈闪电战问题的例子。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-03-04 17:58:53
这并不是一个真正的ReactJS问题，它更多的是一个关于HTML和CSS样式的问题。
我会得到页脚：footer.offsetTop的位置，然后我可以得到用户的滚动位置：window.scrollY和窗口高度：window.innerHeight。使用所有这些值，我将确定用户是否已滚动到可以看到页脚的位置，如果是，则使打滑元素在bottom设置为footer.offsetTop的位置上具有绝对位置。
从理论上讲，这是可行的。
实际上，我发现了一个堆栈溢出问题，仅仅是为了确定是否将一个元素滚动到视图中：如何在滚动后检查元素是否可见？，因此这会对一些人有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66480100
复制相关文章
相似问题
腾讯云开发者
