在visual studio code的官方首页看到这个效果
看了一下它的页面代码，是用一个p.mask先做了上下模煳的效果，裡面在放
4
810.home .getting-started .mask {
background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0),hsla(0,0%,100%,0),#fff);
z-index: 5;
height: 100%;
width: 100%;
position: absolute;
left: -20px;
}也就是说这应该不是纯CSS的效果，而是利用js操作dom得出的效果，但具体怎麽实现我没办法从reac转es5的javascript代码段看出来，想请问大家这效果具体怎麽实现呢? 用纯 javascript或jquery都行，或者是设计思路。
谢谢各位
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
其实就是底部一个滚动列表，上面盖一层带渐变的遮罩而已。
ul外面还包了个p。那个p限制了高度，并且设置了
overflow:hidden。利用js动态改变ul的margin-top或者top,改成负值就可以向上移动了。