父窗口的滾動條移除時的fancybox加載

Question

我搜索了這個話題，我相信有一個解決方案在那裏，但我不是在尋找正確的事情......

我使用的是定製Twitter的引導2.X的版本與頂部和底部全寬度固定導航欄（流體響應）和2.1.4的fancybox

<meta name="viewport" content="width=device-width, initial-scale=1.0">

bootstrap.min.css

自舉-responsive.min。 css

Modernizr的-2.6.2 - 響應 - 1.1.0.min.js

jquery.fancybox-media.js？V = 1.0.5

jquery.fancybox.css？V = 2.1。 4個

jquery.fancybox.js？v = 2.1.4

不管怎麼說，同時使用的fancybox我的問題發生。我所有的fancybox內容都使用iframe（即使沒有iframe的內容似乎也做同樣的事情，但我想我會包括這一點）。

當你點擊一個鏈接時，屏幕上會出現一個fancbox框，然後父窗口會產生一個滾動條（在fancybox後面）。它沒有傷害任何東西，但它看起來很俗氣。我正在製作HTML5內容以進入自助服務終端，因此我不希望滾動條出現。

Answer 1

你只需要設置overflow：隱藏在帶滾動條的div上，當你點擊鏈接時。從來沒有真正使用過jfiddle，但根據剛纔在fancybox css中騎類的人會做到這一點。

拋出這個在您的自定義CSS文件之一：

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

確保後加載您的自定義CSS 您加載的fancybox CSS使你的優先。

要小心這一點，因爲如果你疊加的圖片之一是非常高（比當前窗口視圖高），那麼你將無法看到整個圖像。

如果這是一個緊迫的問題，您可以使用一些JavaScript來根據窗口的高度來調整圖像的大小。