滚动条事件监听时，由于元素使用transform、transition而引起高度变化，而出现的问题

Question

js部分

html部分

现在问题是，我把滚动条往下拉20px左右，他就一直在闪。
问题原因是，transition过渡的效果，使h2高度改变。那浏览器监听的滚动条高度也会相应的改变，所以就闪了。

求各位大佬提供解决方法，或者其他实现的思路。

链接：链接

Answer 1

你这个既然是高度变化引起的， 那可以添加一个height-fixed元素，和discover-header-box做相反的运动把这个高度变化抵消掉