Javascript 在移动设备上更改滚动事件上的内联图像高度时文本闪烁

我试图创造一种类似视差的效果

当我在移动浏览器上向下滚动页面时，我希望图像会展开（更改其高度）

我不希望它后面的下一段（带蓝色边框的那一段）闪烁或跳跃

我正在尝试实现图像及其后段落的平滑动画

通过此简单的滚动功能事件更新高度

function expandPic(pic, newHeight) {
if (newHeight > pic.height) {
    newHeight = pic.height;
}
pic.selector.style.height = newHeight + 'px';
}

请帮忙：）

在移动浏览器上进行测试

---

这里是一个活生生的例子：

你有没有试过在视差元素的CSS中添加一个transition:height？是的，我试过这个：“transition:height 0.1s ease”；但这只会让跳跃变得更糟。Chrome-效果很好。。。边缘-文本跳转。。。Firefox-完全没有图像这只发生在移动设备上（我在Chrome上测试过）