滚动页面时使元素显示/消失

时间:2012-08-09 13:39:57

标签: jquery html css

我正在尝试创建一个带有固定元素的滚动页面,当用户向下滚动页面时,该页面始终可见。例如,具有道路背景的汽车的图像。因此,当用户向下滚动页面时,看起来汽车正在向下行驶。虽然汽车出现在道路的顶部,但它必须出现在某些元素(桥梁)下面,当它在其中一个下面时,汽车的图像需要改变。

我已经敲了一些东西(这是严重的垃圾)试图解释我正在尝试对朋友做什么,它可以在http://www.badappledesign.co.uk/academyhunter/查看,但我试图复制的网站是www.dangersoffracking.com。

我正在使用waypoints jQuery插件来改变汽车的形象。这非常笨重,需要大量的工作而且在iPad上根本不起作用,这让我相信我不能以正确的方式解决这个问题。

但我想知道是否有某种善良的灵魂可以指引我朝着正确的方向努力实现我的目标。

1 个答案:

答案 0 :(得分:2)

许多移动浏览器和IPad故意不支持position:fixed;,理由是固定元素可能会妨碍小屏幕。