Fancybox 2.1.3 - 當可滾動內容長時，文本框偏移

編輯：我忘了提及，這隻發生在Chrome（最新版本）中。Fancybox 2.1.3 - 當可滾動內容長時，文本框偏移

這是設置：

<fancyboxOverlay> 
    <fancybox> 
     <ContainerDiv> 
      <MenuDiv> 
      <ScrollableContentDiv> 
       <ActualContentDiv>

每當ActualContentDiv變得比ScrollableContentDiv後者將顯示滾動條長。整個盒子包含一個幾乎只有div（「Pages」）才能通過按下「next」按鈕來顯示或隱藏的表單。

這就是問題所在：

一個頁面很長並且在年底「下一步」按鈕。當按下時顯示下一頁，但花式箱也會向右和向下移動。不僅僅是fancybox，還有fancyboxOverlay。覆蓋圖的新左上角位於fancybox的左上角之前的位置。

此外，它似乎好像這種轉變只是視覺效果，但像按鈕或輸入字段這樣的實際內容元素仍然處於相同的位置，現在他們應該只是現在它們是「不可見的」。當我徘徊在下一個按鈕所在的區域，並且該按鈕的視覺表示（現在處於遠處）切換到懸停狀態時，這發生在我身上。

我不知道，如果你明白我的意思。在視覺上，所有內容都移到了右側，稍微向底部移動，但我的鼠標光標顯示他們正確的位置。這種轉變只發生在內容太長時。

這很混亂。

的電話的fancybox是：

$("a.various").fancybox({ 
    fitToView: false, 
    autoSize: true, 
    //width: 710, 
    //height: 700, 
    closeClick: false, 
    autoCenter: false, 
    scrolling: 'auto', 
    helpers: { 
     overlay: { closeClick: false } 
    }

溢出款式如下：

ContainerDiv: no overflow styles 
MenuDiv: no overflow styles 
ScrollableContentDiv: overflow-y: auto; overflow-x: hidden; 
ActualContentDiv: overflow-x: visible; overflow-y: visible;

我不知道該怎麼解釋這更好的。我不願意展示這個項目。那麼有誰能幫我解決這個問題？

來源

2012-10-29 user1782150

'我不能顯示project' ...但你可以創建一個示例頁面問題。你的代碼沒有顯示任何錯誤，你的描述很混亂。我認爲這是更多的CSS頁面佈局問題。 – JFK

只需編輯：只有鉻顯示此行爲。所有其他瀏覽器都很好（甚至IE7）。 – user1782150

我正在努力向你展示我的意思。 – user1782150

任何演示都有助於理解您的問題。我試圖重新創建，但爲我工作得很好。也許禁用下一首/上一個動畫將幫助 -

$("a.various").fancybox({ 
    nextEffect  : 'none', 
    prevEffect  : 'none' 
});

見行動 - http://jsfiddle.net/qwHW7/

來源

2012-10-29 08:19:15 Janis

這並沒有解決它。但我給了我們的一位自由職業者一個緊急電話，然後他就修好了。解決的辦法是讓.fancybox-overlay對它的位置非常重要：絕對的。簡單但神經崩潰。 – user1782150

Fancybox 2.1.3 - 當可滾動內容長時，文本框偏移

回答

相關問題