2013-08-02 262 views
3

我正在嘗試使移動設備上也應該可以訪問的網站。 由於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/

謝謝,

+0

你爲什麼要使用一堆iframe而不是div? – Novocaine

+0

我想不出任何其他方法來模糊div後面的所有內容。 –

+0

@joeyjansen:在你的div中包裹一切,並在該div應用你的css3模糊濾鏡 –

回答

0

實際上,一些移動手持設備仍然不支持位置:固定;正常。在某些設備中,這部分被支持。完成完成滾動後,將重置滾動的位置和中間位置,並與頁面滾動流程一起進行。所以,是的...這是手機和平板電腦中的一個bug。

我很高興,android在這方面很好。 :)