沒有滾動條在fancybox2，並設置大小

我一直試圖讓滾動條中的fancybox顯示不出來。我已經試過了解決辦法，在Fancybox inline to have no scrollbars and be 100% and 'fixed' 但我不能得到它的工作。沒有滾動條在fancybox2，並設置大小

我正在工作的人是http://home.nith.no/~setkin11/advancedsearc1.html 我希望大小設置爲常量，並且滾動條在彈出時根本不顯示。

腳本

$(document).ready(function() { 
     $('#smallAdvanced_container').bind('click', function(){ 
      var container = $('#advanced_container'); 
      if($('#advanced_container').is(':hidden')) { 
       $('#advanced_container').show(); 
       $.fancybox.open([container]); 
      } 
      else { 
       $('#advanced_container').hide(); 
       $.fancybox.open([container]);  
      } 
     }); 
     //$('#advanced_container').fancybox(); 
    }); 

    $('#advanced_container').fancybox({ 
     type: 'html', 
     width: 410, 
     height: 620, 
     autoSize : false, 
     autoCenter: false, 
     fitToView : false, 
     scrolling : 'no' 
    });

HTML

<div id="smallAdvanced_container"> 
    <img src="ribbon.png" alt="Search ribbon"> 
</div>

來源

2013-03-07 user2143903

它，就好像您正確使用API看起來對我來說，我不知道你能做到這一點而無需更改插件代碼。

我知道CSS辦法解決，但必須使用！重要的是，這是一個黑客攻擊的一位。只需在您的CSS

.fancybox-inner { 
    overflow: hidden !important; 
}

來源

2013-03-07 14:04:43

謝謝。刪除了滾動條。雖然現在我得到的是不顯示的fancybox的全部內容，如果屏幕比它小的問題（如在其一側平板電腦）。它被切斷 – user2143903 2013-03-07 14:32:06

按照詹姆斯的回答以下，但如果你設置overflow: auto !important，而不是當你需要他們，你會得到滾動條，而不是當你不知道。即：

.fancybox-inner { 
    overflow: auto !important; 
}

您還可以限制這只是一個特定類型的你可能會通過使用特定CSS父選擇器顯示的fancybox，例如中隻影響顯示iFrame內容的fancybox，請使用：

.fancybox-type-iframe .fancybox-inner { 
    overflow: auto !important; 
}

來源

2013-03-25 16:14:03 Chris

沒有滾動條在fancybox2，並設置大小

回答

相關問題