请问通过 scrollTop 控制滚动的元素如何加淡出的动画呢？
站长
· 阅读数 16
因为需要支持手动滚动，所以不能使用 css3 动画属性，比如 transform: translate3d(0, ${curBlockScrollHeight}px, 0)用 scrollTop 的方式如何给元素添加淡出的效果呢？谢谢
document.getElementById('comment-scroll-wrap').scrollTop = scrollTop;
回复
1个回答
test
2024-07-20
可以添加平滑滚动，边缘的半透明效果可以添加蒙版，实现如下
.comment-scroll-wrap{
scroll-behavior: smooth;
-webkit-mask: linear-gradient(transparent,red 10% 90%,transparent);
}回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容