像fancybox這樣的彈出式插件適用於觸控設備嗎？

Question

我需要一個可以包含iframe的彈出式插件（如fancybox），並且可以在桌面瀏覽器中很好地工作，如ipad，android和iphone等觸摸瀏覽器。 Fancybox在捏住觸摸瀏覽器時表現得很奇怪。我真正需要做的是：

1. 包含一個iframe
2. 當我放大觸摸瀏覽器我仍然可以左右滾動的頁面頂部和右側，沒有它跳躍所有的地方。它應該像頁面中的其他元素一樣行爲。
3. 我應該能夠說應該是一個（例如）800個像素寬和90％的視口喚起注意
4. 如果視口大小改變
5. 它應該保持爲中心的頁面，如果上它應當優選迴流的它後面的頁面滾動。

Answer 1

Fancybox2的默認構建支持觸摸。如果您查看源代碼，您將看到在整個代碼和默認設置中使用的變量isTouch。默認設置autoCenter的默認值爲!isTouch，因此在移動瀏覽器中它不會居中，因爲它的支持不是很好。我會建議你測試這些默認值：

<script> 
     $(document).ready(function() { 
      $('#selector').fancybox({ 
       modal: false 
       ,type: 'iframe' 
       ,minWidth: 960 
       ,height: '90%' 
       ,closeClick: false 
       ,padding: 0 
       ,scrolling: 'no' 
       ,autoSize  : false 
       ,helpers: { 
        overlay :{ 
         closeClick:false 
         ,speedOut:0 
         ,showEarly:true 
        } 
       } 
      }); 
     }); 
    </script> 

...

Answer 2

jQueryUI Dialog？

根據我的經驗，它在移動設備上表現良好，並且支持iframe作爲對話內容。