我正在尝试创建一个类似于视差的效果。
当我在移动浏览器上向下滚动页面时,我希望图像能够展开(更改其高度)。
我不想要的是它之后的下一个段落(带有蓝色边框的那个)闪烁或跳跃。
我正在努力实现图像的平滑动画以及之后的段落。
使用滚动事件
上的这个简单函数更新高度function expandPic(pic, newHeight) {
if (newHeight > pic.height) {
newHeight = pic.height;
}
pic.selector.style.height = newHeight + 'px';
}
请帮助:)
在移动浏览器上测试
这是一个实例:jsFiddle