在MOBILE

时间:2015-11-22 15:00:13

标签: javascript html css google-chrome mobile

我正在尝试创建一个类似于视差的效果。

当我在移动浏览器上向下滚动页面时,我希望图像能够展开(更改其高度)。

我不想要的是它之后的下一个段落(带有蓝色边框的那个)闪烁或跳跃。

我正在努力实现图像的平滑动画以及之后的段落。

使用滚动事件

上的这个简单函数更新高度
function expandPic(pic, newHeight) {
if (newHeight > pic.height) {
    newHeight = pic.height;
}
pic.selector.style.height = newHeight + 'px';
}

请帮助:)

在移动浏览器上测试

这是一个实例jsFiddle

0 个答案:

没有答案