移动设备上的ScrollTop

时间:2013-08-02 15:11:28

标签: jquery ios css3 scroll viewport

我正在努力创建一个也应该可以在移动设备上访问的网站。 自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/

谢谢,

1 个答案:

答案 0 :(得分:0)

实际上,一些移动手持设备仍然不支持位置:固定;正常。在某些设备中,部分支持此功能。当完成完成滚动时,它会重置位置并在滚动的中间位置,这与页面滚动流程一致。所以,是的...这是现在手机和平​​板电脑中的一个错误。

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