所以我在FancyBox遇到這種麻煩，當頁面（主頁）的主體正在滾動時，該框隨機地將位置移動到左邊和頂部。Fancybox「舞蹈」圍繞

附帶一個GIF演示問題：

我用的fancybox V2據我所知。

該網站是here（在「每日培訓標籤」下）。

這是我使用調用的fancybox代碼：

$(".signup").fancybox({ 
    maxWidth: 800, 
    maxHeight: 600, 
    fitToView: false, 
    width: '70%', 
    height: '70%', 
    autoSize: false, 
    closeClick: false, 
    openEffect: 'none', 
    closeEffect: 'none' 
});

我已經檢查了他們的API，但不明白是什麼讓位置，以「舞蹈」。

===============

編輯

所以我設法隔離問題。當我添加「openEffect：'沒有'」的事情變得瘋狂。沒有它盒保持靜態，並堅持屏幕的左上角

任何進一步的想法？

來源

2014-10-07 Aviad

它看起來像你正在使用'上scroll'功能的窗口？ – 2014-10-07 15:12:23

@VitorinoFernandes不在我的私人腳本中，但我有：bootstrap.js，hammer.js，jQ（加上文件爲：easing，mousewheel，animate和superslides）和owlCarousel ... – Aviad 2014-10-08 14:07:11

如果您不需要滾動網站，請將closeClick設置爲true或將其刪除，窗口將顯示爲模式，並且您將無法在打開模式時滾動主頁面。

var busy = false; 
// the html class is "o" 
$(".o").fancybox({ 
    //modal: true 
    beforeClose: function() { 
     if (busy) { 
      return false; 
     } 
    } 
});

實施例這裏：http://jsfiddle.net/MLjAT/

來源

2014-10-07 11:26:09 Supamiu

..並且考慮調暗背景。 – 2014-10-07 11:27:07

我不明白「暗淡」，這是什麼？ – Supamiu 2014-10-07 11:31:12

他意味着覆蓋 – himanshu 2014-10-07 11:33:47

據我所看到的，盒正在被移動，由於其被一些JavaScript代碼添加transition和-webkit-transition CSS屬性。你應該檢查它來自哪裏。嘗試分解每一步。此外，問題可能是由於代碼中的某種衝突造成的，因此請檢查該問題。

來源

2014-10-07 14:26:48 StrongBite

Thx warwick - 我會檢查那 – Aviad 2014-10-07 14:33:32

嘗試添加到您的DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

已經幫我在過去

來源

2014-10-13 05:00:05

冬天 - 它doesn也沒有工作.. – Aviad 2014-10-13 10:57:07

Fancybox「舞蹈」圍繞

編輯

回答

相關問題