此问题在此处已有答案:
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;
当你回到顶部时,阴影被移除。
这是怎么做到的?
它在开始时看起来像这样:
的数据
当你向下滚动时,会显示阴影:
的
1条答案
按热度按时间e5nqia271#
如果你是在用html的方式谈论CSS,这可以通过JS检测滚动事件来完成,然后在
box-shadow: 0 5px 5px -5px #999;
中添加使用JavaScript检测视口的距离并决定如何更改
请告诉我你只是想要理论,还是想分享你的代码来讨论?