如何制作一个单页网站，使用视差滚动工作桌面和移动设备（也是iOS）？

Question

如何制作一个单页网站视差滚动工作桌面和移动设备（同时 iOS ）？

这是我现在的代码...当触发滚动时它会加速1 div，但是在iphone上，只有当你将手指从屏幕上移开时它才会移动，我希望它能够滚动更顺畅幻灯片：）

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

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

  });
});

Answer 1

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

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