jquery - 移动设备上的 ScrollTop

Question

我正在尝试制作一个也应该可以在移动设备上访问的网站。由于 iOS 7 即将推出，我想重新创建深度和模糊的外观。我通过使用 iframe 并在其上放置一个 css3 过滤器来做到这一点，我制作了iframe 滚动与使用 jquery 的页面相同。在电脑上看起来不错但是当我在移动设备上时(带有 safari 的 iPhone iOS 6)，iframe 只会滚动当我完成滚动时。无论如何我可以在滚动时让它移动吗不只是在我完成后？

这是我正在使用的代码:

   $(function () {
  $(window).scroll(function (e) {
    var t = $(window).scrollTop();
    $('#blur').contents().find('body').scrollTop(t);
  });
});

这是一个例子:http://jsfiddle.net/X5ZbH/ .

谢谢，

Answer 1

实际上，一些移动手持设备还不支持position:fixed;适本地。在某些设备中，这得到了部分支持。完成完整滚动后，将重置位置并在滚动中间，这与页面滚动流程一起进行。所以，是的......这是目前手机和平板电脑中的一个错误。

我很高兴 android 在这方面做得很好。 :)