ios - 如何使具有视差滚动的单页网站同时适用于桌面和移动设备（也包括 iOS）？

Question

如何使具有视差滚动的单页网站同时适用于桌面和移动设备（还有iOS）？

这是我现在的代码......它在触发滚动时加速 1 div，但在 iphone 上，它仅在您将手指从屏幕上移开时才会移动，我希望它通过漂亮的幻灯片滚动更顺畅:)

$(function(){
  $(window).scroll(function(){
    var top = $(this).scrollTop();

    $('#speedup').css('margin-top', (top/10)*-5);      

  });
});

Answer 1

首先，您必须使用 css2 媒体查询，或者为您的 css 样式使用 em 而不是 px，以确保您的浏览器同时支持移动/桌面网络版本。

然后，当然你需要 javascript 来帮助你为你的网页游戏/应用程序做视差滚动