AOS（滚动动画）元素在 static 站点上不可见
[英]AOS (animate-on-scroll) elements invisible on static site
问题描述
I'm making a site for a client and trying to implement AOS library to make it look more dynamic.
我正在为客户创建一个站点并尝试实现 AOS 库以使其看起来更加动态。 I've followed instructions from the GitHub :我已按照GitHub的说明进行操作：
Add to <head>添加到<head>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
Add before </body>在</body>之前添加
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
No luck.没运气。 I've applied data-aos="fade-in" to a div in the Services section of this site (it should be obvious with the missing box) and it doesn't display at all for me.我已将data-aos="fade-in"应用到本网站服务部分的 div 中（缺少框应该很明显），但对我来说根本不显示。
Can anyone help?任何人都可以帮忙吗？
Thank you,谢谢，
Jack杰克
1 个解决方案
解决方案1
1 已采纳 2020-06-05 16:27:41
I've looked at the site and I think it has something to do with this css:我查看了该站点，我认为它与这个 css 有关：
html, body {
overflow: hidden;
overflow-y: scroll;
}
This also caused a double scrollbar for me, you should remove those two lines.这也给我造成了双滚动条，你应该删除这两行。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.