在哪裏修改fancybox彈出元素位置行爲？

我在顯示彈出圖像的圖庫中使用fancybox 2.1.4。基於默認設置，包含在fancybox彈出圖像的盒子的位置，將出現固定到屏幕窗口。是否有可能使彈出圖像框出現固定在html頁面，而不是屏幕？在哪裏修改這個彈出的位置行爲？它在jquery.fancybox.js或jquery.fancybox.css？，因爲我似乎無法找到使其默認修復屏幕的「修復」規則。在哪裏修改fancybox彈出元素位置行爲？

來源

2013-03-25 ask91

在fancybox.net所有例子並不固定到屏幕;它可以與內容一起滾動。修復屏幕和修復html頁面有什麼區別？ – egig 2013-03-25 09:52:30

是的你是對的，所有的例子可以滾動的內容，不是它命名'修復'在CSS中的位置？我打算在我的網頁上做的是，彈出圖像不會出現在固定位置，但我不知道在哪裏修改它.. 來自這個網站演示http://fancyapps.com/fancybox/demo 我在不同效果部分使用了第三張圖片的效果。我修改了class .fancybox-image，.fancybox-iframe中的css部分，添加了'position：'，但仍然沒有影響彈出行爲:(你可以幫我提示彈出行爲的修改方向：？位置 – ask91 2013-03-25 10:47:37

讓我再補充一下：「我需要幫助，使與背面元件滾動彈出元素」我的意思,,當彈出元素滾動時，在後面的部分頁面滾動太 – ask91 2013-03-25 10:53:05

你要設置的fancybox API選項autoCenter和locked到false，如：

$(function() { 
    $(".fancybox").fancybox({ 
     autoCenter: false, 
     helpers: { 
      overlay: { 
       locked: false 
      } 
     } 
    }); 
});

在哪裏？在你自己的自定義fancybox腳本中;不需要混淆原始文件。

參見JSFIDDLE

來源

2013-03-26 06:54:51 JFK

THX查理＆ @JFK，我會試試 – ask91 2013-04-01 07:19:25

@ ask91：如果適用，請不要忘記http://meta.stackexchange.com/a/5235。 – JFK 2013-04-01 07:27:28

在哪裏修改fancybox彈出元素位置行爲？

回答

相關問題