我正在努力创建一个也应该可以在移动设备上访问的网站。 自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/。
谢谢,
答案 0 :(得分:0)
实际上,一些移动手持设备仍然不支持位置:固定;正常。在某些设备中,部分支持此功能。当完成完成滚动时,它会重置位置并在滚动的中间位置,这与页面滚动流程一致。所以,是的...这是现在手机和平板电脑中的一个错误。
我很高兴android在这方面很好。 :)