移动设备上的ScrollTop

我正在尝试使移动设备上也应该可以访问的网站。由于iOS 7即将推出，我想重新创建深度和模糊的外观。我这样做了，使用iframe并将css3过滤器放在它上面，我使iframe的滚动条与页面上的jQuery相同。在电脑上它看起来很好但是当我在移动设备上（Safari iOS的iPhone iOS 6），当我完成滚动时，iframe仅滚动。无论如何，我可以让它移动，当我滚动不只是当我完成？移动设备上的ScrollTop

这是我使用的代码：

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

这里有一个例子：http://jsfiddle.net/X5ZbH/。

谢谢，

来源

2013-08-02 joey jansen

你为什么要使用一堆iframe而不是div？ – Novocaine

我想不出任何其他方法来模糊div后面的所有内容。 –

@joeyjansen：在你的div中包裹一切，并在该div应用你的css3模糊滤镜 –

实际上，一些移动手持设备仍然不支持位置：固定;正常。在某些设备中，这部分被支持。完成完成滚动后，将重置滚动的位置和中间位置，并与页面滚动流程一起进行。所以，是的...这是手机和平板电脑中的一个bug。

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

来源

2013-12-11 10:41:04

移动设备上的ScrollTop

回答

相关问题