没有滚动条在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，并设置大小

回答

相关问题