移動設備上的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

回答

相關問題