jquery - 滚动页面时使元素出现/消失

Question

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

我已经搞砸了一些东西(这是严重的垃圾)来试图向 friend 解释我想做的事情，可以在 http://www.badappledesign.co.uk/academyhunter/ 查看它。但我要复制的网站是 www.dangersoffracking.com。

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

但我想知道是否有好心人可以为我指明正确的方向以实现我的目标。

Answer 1

许多移动浏览器和 iPad 故意不支持 position:fixed;，因为固定元素可能会妨碍小屏幕。