Fancybox 2滾動條消失和站點右移

我有一個小問題fancybox 2.我現在的編碼的東西很抱歉，如果我要問愚蠢的問題。Fancybox 2滾動條消失和站點右移

我得到了fancybox在測試網站上工作，但當我點擊一個圖像時，該框打開，整個頁面在後臺移動到右側，滾動條消失。我不想要這種行爲。滾動條應該在那裏。

正是在這個網站：http://elgaucho.lu/restaurant.php

你能幫助我嗎？

在此先感謝

安迪

來源

2013-01-17 CrazyAndy

爲了讓人們能夠幫助您，他們需要查看您的代碼。您可以編輯您的問題以包含您的源代碼。 –

據我所知，你修改了原來的fancybox css文件。

你從這個

.fancybox-lock .fancybox-overlay { 
    overflow: auto; 
    overflow-y: scroll; 
}

改了行167從這個

.fancybox-lock { 
    overflow: hidden; 
}

這個

.fancybox-lock { 
    overflow: hidden; 
    margin-right:0 !important; 
}

...而行187這個

.fancybox-lock .fancybox-overlay { 
    overflow: hidden; 
    overflow-y: hidden; 
}

...所以無奇不有（記住，js文件也改變了一些CSS屬性動態，所以你可能不會有完全的控制只是改變CSS文件）

一般來說你原來不應該亂除非你的文件是很肯定自己在做什麼，否則你會有意想不到的效果

來源

2013-01-17 21:26:50 JFK

嗨，謝謝你的回答。這些變化是我嘗試在論壇中遵循一些建議來解決我所遇到的問題。現在原始文件已經到位，但當我點擊圖像時滾動條消失了:(如果您想要使頁面滾動條（因此您可以在fancybox的背景上滾動頁面）選擇 – CrazyAndy

，然後添加此API選項'helpers：{overlay：{locked：false}}' – JFK

Demo ** [http://jsfiddle.net/kwNsG/1/]（http://jsfiddle.net/kwNsG/1/）** – JFK

強制頁面總是滾動：

body {overflow-y: auto !important;}

來源

2013-01-17 21:16:40 isherwood

他感謝您的幫助。但是，當我將這一行添加到fancybox的css文件，我有兩個滾動條在右邊... – CrazyAndy

我通過在主CSS文件中加入以下代碼解決了這個問題：

來源

2013-03-17 12:20:24 Webars

我有同樣的問題滾動條消失，頁面向右移動。令人討厭的是，但這個代碼確實有效。只需將其添加到任何fancybox css文件（或任何包含的css文件）。

.fancybox-lock, .fancybox-overlay { overflow: visible !important;}

來源

2013-11-20 19:49:53

我只想說，我有同樣的問題和肯尼迪的回答工作對我來說，榮譽給你:-)

來源

2014-01-20 16:57:12

我有這個問題，比我預想的是我的解決方案更容易成爲。我只是走進了HTML，發現我有兩個身體的

在代碼（在底部附近）有以下幾點：

body { 
     max-width: 700px; 
     margin: 0 auto; 
    }

我刪除，我的網站現在又回到做文章。

來源

2015-05-10 17:42:27 James

這是您的網站或問題的網站代碼？ –

補充說：

.fancybox鎖，.fancybox疊加{溢出：可見重要;}
體{溢出：可見重要;}

刪除：

.fancybox-lock body { overflow：hidden！important;}

罰款

來源

2015-09-05 12:56:05 heiko813

Fancybox 2滾動條消失和站點右移

回答

相關問題