css 如何只在向下滚动时显示阴影[重复]

lndjwyie  于 2024-01-09  发布在  其他
关注(0)|答案(1)|浏览(117)

此问题在此处已有答案

How do I add a top and bottom shadow while scrolling but only when needed?(5个答案)
13小时前关闭
在Google Play控制台开发者网站上,他们有一个底部有一条线的div。
在这一行,开始时没有阴影。但是当你向下滚动页面时,它会显示这个阴影:box-shadow: 0 5px 5px -5px #999;
当你回到顶部时,阴影被移除。
这是怎么做到的?
它在开始时看起来像这样:


的数据
当你向下滚动时,会显示阴影:


e5nqia27

e5nqia271#

如果你是在用html的方式谈论CSS,这可以通过JS检测滚动事件来完成,然后在box-shadow: 0 5px 5px -5px #999;中添加
使用JavaScript检测视口的距离并决定如何更改
请告诉我你只是想要理论,还是想分享你的代码来讨论?

相关问题